Colour

#2279DF

#2279DF
Blue
Dark
Nearest: Dodgerblue

#2279DF is a blue with RGB values 34, 121, 223 and HSL 212°, 75%, 50%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Dodgerblue.

Colour values

#2279DF#2279DF

HEX#2279DF

RGBrgb(34, 121, 223)

RGB (0–1)0.1333, 0.4745, 0.8745

RGB percentages13.3%, 47.5%, 87.5%

HSLhsl(212.4, 74.7%, 50.4%)

HSV / HSBhsv(212.4, 84.8%, 87.5%)

CMYK84.8%, 45.7%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,259,423

CSS custom property--colour: #2279DF;

Brightness & contrast

Relative luminance0.19343WCAG 2.x, 0 is black and 1 is white

Perceived brightness120.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.87:1

Contrast with white4.31:1WCAG normal text: Fail

Contrast with black4.87:1WCAG normal text: AA

Greyscale equivalent#6E6E6E

Inverted#DD8620

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#4183E3no red cones; affects about 1% of men; ΔE 5.8 from the original

Deuteranopia#0772DDno green cones; the most common form, about 1% of men; ΔE 4.4 from the original

Tritanopia#0092A1no blue cones; rare, and affects men and women equally; ΔE 57.3 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text4.31:1WCAG large text: AA

Contrast with black, large text4.87:1WCAG large text: AAA

Named colours

Dodgerblue · ΔE 9.7 Cornflower blue · ΔE 14.8 Royal blue · ΔE 15.7 Slate blue · ΔE 24.5 Medium purple · ΔE 26.4 Medium slateblue · ΔE 29.6

Nearest named CSS colourDodgerblue (#1E90FF)ΔE 9.68, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#DF8822

Analogous#22D7DF, #2A22DF

Triadic#DF2279, #79DF22

Split complementary#DF2A22, #D7DF22

Tetradic#DF22D7, #DF8822, #22DF2A

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#D4E5F9

Lighter +30%#A8CAF2

Lighter +20%#7BAFEC

Lighter +10%#4F94E5

Darker −10%#1A61B4

Darker −20%#144987

Darker −30%#0D315B

Darker −40%#07192E

More saturated +25%#0276FF

Less saturated −25%#427CBF

Channel breakdown

R34

G121

B223

Red34 (13.3%)

Green121 (47.5%)

Blue223 (87.5%)

Hue212.38°

Saturation (HSL)74.7%

Lightness50.39%

Dominant channelBlue

Hex per channelR 22 · G 79 · B DF

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#2279DF

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else