#338A66
A dark, moderate green closely aligning with Seagreen.
About #338A66
At its core, #338A66 is a dark and moderate hue. If you're using CSS, you might find it aligns closely with Seagreen. To achieve this exact tint on a monitor, you would use an RGB mix of 51, 138, and 102.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 63% C, 0% M, 26% Y, and 46% K. With a hue angle of 155.2 degrees, it sits comfortably in the green spectrum.
Contrast ratios determine whether this color is safe for typography. To prevent eye strain, #000000 text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#338A66
RGB51, 138, 102
HSL155.2°, 46.0%, 37.1%
CMYK63%, 0%, 26%, 46%
HSV155.2°, 63.0%, 54.1%
LAB51.7, -35.0, 11.7
XYZ12.9, 19.8, 15.7
Decimal3377766
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.23:1
Text on #FFFFFF
AA Large
4.97:1
Text on #000000
AA
4.04:1
Text on #F8FAFC
AA Large
4.22:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #338A66;
}
.text-color {
color: #338A66;
}
.border-color {
border: 2px solid #338A66;
}