Colour

#0C65CC

#0C65CC
Blue
Dark
Nearest: Royal blue

#0C65CC is a blue with RGB values 12, 101, 204 and HSL 212°, 89%, 42%. It is a dark colour, so white text on it reaches 5.6:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#0C65CC#0C65CC

HEX#0C65CC

RGBrgb(12, 101, 204)

RGB (0–1)0.0471, 0.3961, 0.8

RGB percentages4.7%, 39.6%, 80%

HSLhsl(212.2, 88.9%, 42.4%)

HSV / HSBhsv(212.2, 94.1%, 80%)

CMYK94.1%, 50.5%, 0%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer812,492

CSS custom property--colour: #0C65CC;

Brightness & contrast

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

Perceived brightness103.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.6:1

Contrast with white5.6:1WCAG normal text: AA

Contrast with black3.75:1WCAG normal text: Fail

Greyscale equivalent#5A5A5A

Inverted#F39A33

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1F70D0no red cones; affects about 1% of men; ΔE 6.8 from the original

Deuteranopia#0060CAno green cones; the most common form, about 1% of men; ΔE 3.1 from the original

Tritanopia#007E8Fno blue cones; rare, and affects men and women equally; ΔE 57.7 from the original

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

Contrast with white, large text5.6:1WCAG large text: AAA

Contrast with black, large text3.75:1WCAG large text: AA

Named colours

Royal blue · ΔE 12 Dodgerblue · ΔE 17.2 Slate blue · ΔE 19.9 Cornflower blue · ΔE 22 Dark slateblue · ΔE 24 Medium purple · ΔE 25.2

Nearest named CSS colourRoyal blue (#4169E1)ΔE 12.03, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CC730C

Analogous#0CC5CC, #130CCC

Triadic#CC0C65, #65CC0C

Split complementary#CC130C, #C5CC0C

Tetradic#CC0CC5, #CC730C, #0CCC13

Tints, shades & saturation

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

Lighter +40%#AACFFA

Lighter +30%#7AB4F7

Lighter +20%#4A99F4

Lighter +10%#1A7EF2

Darker −10%#094D9C

Darker −20%#06356C

Darker −30%#041D3C

Darker −40%#01060B

More saturated +25%#0064D8

Less saturated −25%#2767B1

Channel breakdown

R12

G101

B204

Red12 (4.7%)

Green101 (39.6%)

Blue204 (80%)

Hue212.19°

Saturation (HSL)88.89%

Lightness42.35%

Dominant channelBlue

Hex per channelR 0C · G 65 · B CC

Keep nerding

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

#0C65CC

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