Nerdulator> put something in

Recognised as Colour

#3B5C5A

  • #3B5C5A
  • Cyan
  • Dark
  • Nearest: Dark slate grey

#3B5C5A is a cyan with RGB values 59, 92, 90 and HSL 176°, 22%, 30%. It is a dark colour, so white text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#3B5C5A#3B5C5A
HEX#3B5C5A
RGBrgb(59, 92, 90)
RGB (0–1)0.2314, 0.3608, 0.3529
RGB percentages23.1%, 36.1%, 35.3%
HSLhsl(176.4, 21.9%, 29.6%)
HSV / HSBhsv(176.4, 35.9%, 36.1%)
CMYK35.9%, 0%, 2.2%, 63.9%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,890,266
CSS custom property--colour: #3B5C5A;

Brightness & contrast

Relative luminance0.09322WCAG 2.x, 0 is black and 1 is white
Perceived brightness83.3 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.33:1
Contrast with white7.33:1WCAG normal text: AAA
Contrast with black2.86:1WCAG normal text: Fail
Greyscale equivalent#555555
Inverted#C4A3A5

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#58595Ano red cones; affects about 1% of men; ΔE 12.5 from the original
Deuteranopia#52545Ano green cones; the most common form, about 1% of men; ΔE 13.1 from the original
Tritanopia#2F5E5Bno blue cones; rare, and affects men and women equally; ΔE 4.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text7.33:1WCAG large text: AAA
Contrast with black, large text2.86:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 5.5Dim grey · ΔE 15Slate grey · ΔE 20.8Teal · ΔE 20.9Gray · ΔE 21.3Light slate grey · ΔE 23.4
Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 5.5, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#5C3B3D
Analogous#3B5C4A, #3B4E5C
Triadic#5A3B5C, #5C5A3B
Split complementary#5C3B4E, #5C4A3B
Tetradic#4A3B5C, #5C3B3D, #4E5C3B

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A1C2C0
Lighter +30%#81AFAC
Lighter +20%#639A97
Lighter +10%#4F7B78
Darker −10%#273D3C
Darker −20%#131E1D
Darker −30%#000000
Darker −40%#000000
More saturated +25%#286F6B
Less saturated −25%#4C4C4C

Channel breakdown

R59
G92
B90
Red59 (23.1%)
Green92 (36.1%)
Blue90 (35.3%)
Hue176.36°
Saturation (HSL)21.85%
Lightness29.61%
Dominant channelGreen
Hex per channelR 3B · G 5C · B 5A

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