Nerdulator> put something in

Recognised as Colour

#196BB3

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

#196BB3 is a blue with RGB values 25, 107, 179 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

#196BB3#196BB3
HEX#196BB3
RGBrgb(25, 107, 179)
RGB (0–1)0.098, 0.4196, 0.702
RGB percentages9.8%, 42%, 70.2%
HSLhsl(208.1, 75.5%, 40%)
HSV / HSBhsv(208.1, 86%, 70.2%)
CMYK86%, 40.2%, 0%, 29.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,665,971
CSS custom property--colour: #196BB3;

Brightness & contrast

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

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#4770B6no red cones; affects about 1% of men; ΔE 6.4 from the original
Deuteranopia#2E62B2no green cones; the most common form, about 1% of men; ΔE 8.4 from the original
Tritanopia#007C86no blue cones; rare, and affects men and women equally; ΔE 42 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text5.53:1WCAG large text: AAA
Contrast with black, large text3.8:1WCAG large text: AA

Named colours

Steel blue · ΔE 16.7Cornflower blue · ΔE 19.3Dodgerblue · ΔE 24.9Dark slateblue · ΔE 26.5Royal blue · ΔE 31Slate blue · ΔE 35.3
Nearest named CSS colourSteel blue (#4682B4)ΔE 16.74, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#B36119
Analogous#19B3AE, #191EB3
Triadic#B3196B, #6BB319
Split complementary#B3191E, #B3AE19
Tetradic#AE19B3, #B36119, #1EB319

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A6CEF3
Lighter +30%#79B6EC
Lighter +20%#4C9EE6
Lighter +10%#1F86E0
Darker −10%#135086
Darker −20%#0C355A
Darker −30%#061B2D
Darker −40%#000000
More saturated +25%#006DCC
Less saturated −25%#33699A

Channel breakdown

R25
G107
B179
Red25 (9.8%)
Green107 (42%)
Blue179 (70.2%)
Hue208.05°
Saturation (HSL)75.49%
Lightness40%
Dominant channelBlue
Hex per channelR 19 · G 6B · B B3

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 “196bb3” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.