Nerdulator> put something in

Colour

#30877D

  • #30877D
  • Cyan
  • Dark
  • Nearest: Teal

#30877D is a cyan with RGB values 48, 135, 125 and HSL 173°, 48%, 36%. It is a dark colour, so black text on it reaches 4.9:1 contrast (AA for normal text). The nearest named colour is Teal.

Colour values

#30877D#30877D
HEX#30877D
RGBrgb(48, 135, 125)
RGB (0–1)0.1882, 0.5294, 0.4902
RGB percentages18.8%, 52.9%, 49%
HSLhsl(173.1, 47.5%, 35.9%)
HSV / HSBhsv(173.1, 64.4%, 52.9%)
CMYK64.4%, 0%, 7.4%, 47.1%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,180,413
CSS custom property--colour: #30877D;

Brightness & contrast

Relative luminance0.19437WCAG 2.x, 0 is black and 1 is white
Perceived brightness114.8 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundBlackcontrast 4.89:1
Contrast with white4.3:1WCAG normal text: Fail
Contrast with black4.89:1WCAG normal text: AA
Greyscale equivalent#747474
Inverted#CF7882

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#80807Dno red cones; affects about 1% of men; ΔE 28 from the original
Deuteranopia#73767Eno green cones; the most common form, about 1% of men; ΔE 28.9 from the original
Tritanopia#008A84no blue cones; rare, and affects men and women equally; ΔE 5.4 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text4.3:1WCAG large text: AA
Contrast with black, large text4.89:1WCAG large text: AAA

Named colours

Teal · ΔE 6.9Dark cyan · ΔE 7.2Cadetblue · ΔE 14.1Light seagreen · ΔE 17.8Sea green · ΔE 25.1Dark slate grey · ΔE 25.9
Nearest named CSS colourTeal (#008080)ΔE 6.89, clearly different but related
Hue familycyan
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#87303A
Analogous#308752, #306587
Triadic#7D3087, #877D30
Split complementary#873065, #875230
Tetradic#523087, #87303A, #658730

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A4DFD8
Lighter +30%#7FD1C8
Lighter +20%#59C4B8
Lighter +10%#3DADA0
Darker −10%#23615A
Darker −20%#153C37
Darker −30%#081614
Darker −40%#000000
More saturated +25%#199E8F
Less saturated −25%#47706B

Channel breakdown

R48
G135
B125
Red48 (18.8%)
Green135 (52.9%)
Blue125 (49%)
Hue173.1°
Saturation (HSL)47.54%
Lightness35.88%
Dominant channelGreen
Hex per channelR 30 · G 87 · B 7D

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