colors
Back to gallery

Plain cyan

#049798
Notes

Plain cyan (#049798) is a deep cyan with a jewel character. It carries the deep, saturated richness of a gemstone. Authoritative and slightly formal, it works well for type and heavy UI elements. Its HSL profile (180°, 95%, 31%) places it in the highly saturated band at a dark lightness. Best used in small doses, like logos, CTAs, focus rings, or highlight text, where its saturation becomes a feature rather than noise. For a confident two-color system, pair it with its complementary red. For something softer, pull in its analogous neighbors on either side of the wheel.

HEX
#049798
RGB
rgb(4, 151, 152)
HSL
hsl(180, 95%, 31%)
HWB
hwb(180 2% 40%)
OKLCH
oklch(61.3% 0.104 195.6)
HSV
hsv(180, 97%, 60%)
LAB
lab(56.51% -32.04 -10.04)
LCH
lch(56.51% 33.58 197.40)
CMYK
cmyk(97%, 1%, 0%, 40%)

Etymology

Plain
adjective

Latin planus, flat, level — used as a color modifier since the medieval period for hues that read as undecorated and direct. Plain white, plain blue: moderate saturation, no shift, no surface effect. Sits in the crisp-bucket center, with the implication of restraint rather than absence.

cyan
noun

From the Greek kyanos, deep blue, originally referring to the lapis-derived blue of antiquity. In modern usage, cyan is one of the four printing primaries (with magenta, yellow, and black) and an additive primary on screens. The color refers to a pure CMYK cyan tile: a saturated, clean blue-green with the optical brightness of an additive-color primary. Cooler than turquoise, lighter than cerulean, with the technical specificity of a color defined by a printing-press standard.

Closest matches

The nearest named color in three reference sources, ranked by perceptual distance (ΔE76 in CIELAB). ΔE < 1 is imperceptible to most viewers; ΔE > 10 is clearly different. When two sources point to the same hex they’re merged into one tile; click any to open that color’s page.

Variations

Click any swatch to explore

Harmonies

Accessibility

Color-vision simulation

How this color appears to viewers with the four major color-vision-deficiency types. Computed via the Machado (2009) physiologically-based model. If a tile matches the original, the color reads the same to that viewer.

#049798
Original
#8c8f98
Protanopia
#7a8299
Deuteranopia
#009c97
Tritanopia
#787878
Achromatopsia
WCAG contrast

The color used as foreground text against pure white and pure black, with the contrast ratio and WCAG 2.1 grade. Aim for AA (4.5:1) for body text and AA Large (3:1) for 18 pt+ headlines; AAA (7:1) is the gold standard for long-form reading surfaces.

The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AA Largeon White
3.57:1
The quick brown foxSample body text at normal size. The wcag minimum for body contrast is 4.5:1 (AA) or 7:1 (AAA).
AAon Black
5.89:1

Related Colors

Canvas