Recognised as Colour
#306A1C
- #306A1C
- Green
- Dark
- Nearest: Dark green
#306A1C is a green with RGB values 48, 106, 28 and HSL 105°, 58%, 26%. It is a dark colour, so white text on it reaches 6.6:1 contrast (AA for normal text). The nearest named colour is Dark green.
Colour values
#306A1C#306A1C
HEX#306A1C
RGBrgb(48, 106, 28)
RGB (0–1)0.1882, 0.4157, 0.1098
RGB percentages18.8%, 41.6%, 11%
HSLhsl(104.6, 58.2%, 26.3%)
HSV / HSBhsv(104.6, 73.6%, 41.6%)
CMYK54.7%, 0%, 73.6%, 58.4%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer3,172,892
CSS custom property--colour: #306A1C;
Brightness & contrast
Relative luminance0.1102WCAG 2.x, 0 is black and 1 is white
Perceived brightness85.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.55:1
Contrast with white6.55:1WCAG normal text: AA
Contrast with black3.2:1WCAG normal text: Fail
Greyscale equivalent#585858
Inverted#CF95E3
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text6.55:1WCAG large text: AAA
Contrast with black, large text3.2:1WCAG large text: AA
Named colours
Hue familygreen
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#561C6A
Analogous#576A1C, #1C6A2F
Triadic#1C306A, #6A1C30
Split complementary#2F1C6A, #6A1C57
Tetradic#1C576A, #561C6A, #6A2F1C
Tints, shades & saturation
Channel breakdown
R48
G106
B28
Red48 (18.8%)
Green106 (41.6%)
Blue28 (11%)
Hue104.62°
Saturation (HSL)58.21%
Lightness26.27%
Dominant channelGreen
Hex per channelR 30 · G 6A · B 1C
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page