Nerdulator> put something in

Recognised as Colour

#196BB2

  • #196BB2
  • Blue
  • Dark
  • Nearest: Steel blue

#196BB2 is a blue with RGB values 25, 107, 178 and HSL 208°, 75%, 40%. It is a dark colour, so white text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#196BB2#196BB2
HEX#196BB2
RGBrgb(25, 107, 178)
RGB (0–1)0.098, 0.4196, 0.698
RGB percentages9.8%, 42%, 69.8%
HSLhsl(207.8, 75.4%, 39.8%)
HSV / HSBhsv(207.8, 86%, 69.8%)
CMYK86%, 39.9%, 0%, 30.2%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,665,970
CSS custom property--colour: #196BB2;

Brightness & contrast

Relative luminance0.13936WCAG 2.x, 0 is black and 1 is white
Perceived brightness102.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 5.54:1
Contrast with white5.54:1WCAG normal text: AA
Contrast with black3.79:1WCAG normal text: Fail
Greyscale equivalent#5F5F5F
Inverted#E6944D

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4870B5no red cones; affects about 1% of men; ΔE 6.6 from the original
Deuteranopia#2F62B1no green cones; the most common form, about 1% of men; ΔE 8.5 from the original
Tritanopia#007C86no blue cones; rare, and affects men and women equally; ΔE 41.4 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.54:1WCAG large text: AAA
Contrast with black, large text3.79:1WCAG large text: AA

Named colours

Steel blue · ΔE 16.2Cornflower blue · ΔE 19.6Dodgerblue · ΔE 25.5Dark slateblue · ΔE 26.8Royal blue · ΔE 31.6Deep skyblue · ΔE 35.1
Nearest named CSS colourSteel blue (#4682B4)ΔE 16.23, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B26019
Analogous#19B2AD, #191EB2
Triadic#B2196B, #6BB219
Split complementary#B2191E, #B2AD19
Tetradic#AD19B2, #B26019, #1EB219

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A5CEF2
Lighter +30%#78B6EC
Lighter +20%#4B9EE6
Lighter +10%#1F86DF
Darker −10%#135085
Darker −20%#0C3559
Darker −30%#061A2C
Darker −40%#000000
More saturated +25%#006DCB
Less saturated −25%#326999

Channel breakdown

R25
G107
B178
Red25 (9.8%)
Green107 (42%)
Blue178 (69.8%)
Hue207.84°
Saturation (HSL)75.37%
Lightness39.8%
Dominant channelBlue
Hex per channelR 19 · G 6B · B B2

Keep nerding

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

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “196bb2” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.