colors
Back to gallery

Buttoned Pall Kingfisher

#7bf7e0
Notes

Buttoned Pall Kingfisher (#7BF7E0) is a soft teal with a cool character. It leans cool, sitting on the blue, green, and violet side of the wheel. Quiet and dependable, a fit for product UI and data visualization. Its HSL profile (169°, 89%, 73%) places it in the highly saturated band at a light 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
#7bf7e0
RGB
rgb(123, 247, 224)
HSL
hsl(169, 89%, 73%)
HWB
hwb(169 48% 3%)
OKLCH
oklch(89.8% 0.117 179.8)
HSV
hsv(169, 50%, 97%)
LAB
lab(89.91% -40.16 0.42)
LCH
lch(89.91% 40.16 179.41)
CMYK
cmyk(50%, 0%, 9%, 3%)

Etymology

Buttoned
adjective

Old French bouton, button — past-participle of button. As a color modifier, buttoned implies a clear-and-fastened-and-formal quality, the crisp color of Edwardian-period formal-attire fully-fastened-and-formally-dressed gentleman's-attire. Sits at the crisp-and-finished end of the grid, parallel to trim and pressed in usage.

Pall
modifier

Latin pallium, cloak-or-funeral-cover. As a color modifier, pall implies a cloaked-and-shrouded-and-funereal quality, the visual register of Roman-Catholic-and-Anglican-pall hand-cloaked-and-shrouded-and-funereal Roman-Catholic-and-Anglican-and-Orthodox-funeral funeral-pall-and-coffin-shroud-and-altar-cloth surfaces under Roman-Catholic-and-Anglican funeral-pall-and-coffin-shroud cathedral-incense light. Sits at the modifier-and-mood end of the grid, parallel to gloom and shade in usage.

Kingfisher
noun

The family Alcedinidae — particularly Alcedo atthis, the European common kingfisher whose iridescent turquoise-blue plumage gives the color its name. The color refers to a male European kingfisher's wing: a saturated, slightly cool deep blue-green with the iridescent satin finish of structurally colored feathers.

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.

#7bf7e0
Original
#eeebdf
Protanopia
#dadce2
Deuteranopia
#3bfaf0
Tritanopia
#dbdbdb
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).
Failon White
1.29: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).
AAAon Black
16.22:1

Related Colors

Canvas