Nerdulator> put something in

Colour

#309FA1

  • #309FA1
  • Cyan
  • Dark
  • Nearest: Dark cyan

#309FA1 is a cyan with RGB values 48, 159, 161 and HSL 181°, 54%, 41%. It is a dark colour, so black text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Dark cyan.

Colour values

#309FA1#309FA1
HEX#309FA1
RGBrgb(48, 159, 161)
RGB (0–1)0.1882, 0.6235, 0.6314
RGB percentages18.8%, 62.4%, 63.1%
HSLhsl(181.1, 54.1%, 41%)
HSV / HSBhsv(181.1, 70.2%, 63.1%)
CMYK70.2%, 1.2%, 0%, 36.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,186,593
CSS custom property--colour: #309FA1;

Brightness & contrast

Relative luminance0.27998WCAG 2.x, 0 is black and 1 is white
Perceived brightness136 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 6.6:1
Contrast with white3.18:1WCAG normal text: Fail
Contrast with black6.6:1WCAG normal text: AA
Greyscale equivalent#888888
Inverted#CF605E

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#9497A1no red cones; affects about 1% of men; ΔE 30.8 from the original
Deuteranopia#838BA2no green cones; the most common form, about 1% of men; ΔE 31.8 from the original
Tritanopia#00A49Fno blue cones; rare, and affects men and women equally; ΔE 7.2 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text3.18:1WCAG large text: AA
Contrast with black, large text6.6:1WCAG large text: AAA

Named colours

Dark cyan · ΔE 7.8Cadetblue · ΔE 10.2Light seagreen · ΔE 10.7Teal · ΔE 11.8Medium turquoise · ΔE 18.8Dark turquoise · ΔE 19
Nearest named CSS colourDark cyan (#008B8B)ΔE 7.84, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A13230
Analogous#30A16A, #3067A1
Triadic#A1309F, #9FA130
Split complementary#A13066, #A16B30
Tetradic#6B30A1, #A13230, #66A130

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B4E8E9
Lighter +30%#8DDCDD
Lighter +20%#66CFD1
Lighter +10%#3EC3C6
Darker −10%#24787A
Darker −20%#195152
Darker −30%#0D2B2B
Darker −40%#010404
More saturated +25%#16B8BB
Less saturated −25%#4A8687

Channel breakdown

R48
G159
B161
Red48 (18.8%)
Green159 (62.4%)
Blue161 (63.1%)
Hue181.06°
Saturation (HSL)54.07%
Lightness40.98%
Dominant channelBlue
Hex per channelR 30 · G 9F · B A1

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