Nearest named color · #81C6B0
#81C6B0
Nearest named color: Bevelled Glass
#81C6B0 (rgb(129 198 176), hsl(161 38% 64%), oklch(0.774 0.077 172.1)) is closest to the named color Bevelled Glass. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#81C6B0
oklch(0.774 0.077 172.1)
Color conversions
- HEX
- #81c6b0
- RGB
- rgb(129 198 176)
- HSL
- hsl(161 38% 64%)
- HWB
- hwb(161 51% 22%)
- OKLCH
- oklch(0.774 0.077 172.1)
- OKLab
- oklab(0.774 -0.076 0.011)
- CIE Lab
- lab(74.82 -26.41 3.8)
- LCH
- lch(74.82 26.69 171.8)
- CMYK
- cmyk(35% 0% 11% 22%)
Tints · Shades · Tones
Tints
- 8ECCB8
- 9BD1BF
- A8D7C7
- B5DDCF
- C1E3D7
- CEE8DF
- DAEEE7
- E6F4EF
- F3F9F7
Shades
- 6FAC99
- 5E9282
- 4E7A6C
- 3E6256
- 2E4B42
- 1F352E
- 12211C
- 060E0B
- 010201
Tones
- 82BFAB
- 82B8A6
- 83B1A1
- 83AA9C
- 83A398
- 839C93
- 82958E
- 828E89
- 818785
Color harmonies
Complementary +180°
- 81C6B0
Bevelled Glass
- DDA2BB
≈ Pink Gin
Analogous -30° +30°
- 81C6B0
Bevelled Glass
- 9AC395
≈ Velvet Leaf
- 77C5CB
≈ Wavelet
Triadic +120° +240°
- 81C6B0
Bevelled Glass
- B6ADE3
≈ Maximum Blue Purple
- DEA888
≈ Almost Apricot
Split-complementary +150° +210°
- 81C6B0
Bevelled Glass
- CDA6D3
≈ Graceful Garden
- E3A29F
≈ Bussell Lace
Tetradic +90° +180° +270°
- 81C6B0
Bevelled Glass
- 9BB6E7
≈ Honest
- DDA2BB
≈ Pink Gin
- CEB17D
≈ Fawn
Contrast & accessibility
Ag
FailOn white
WCAG 1.97:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.63:1 · APCA Lc 64
Best text color: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--bevelled-glass: #81c6b0;
--bevelled-glass-rgb: 129 198 176;
--bevelled-glass-oklch: oklch(0.774 0.077 172.1);
}
.element {
color: var(--bevelled-glass);
background-color: hsl(161 38% 64%);
border-color: oklch(0.774 0.077 172.1);
}Tailwind CSS v4
@theme {
--color-bevelled-glass: #81c6b0;
--color-bevelled-glass-50: #e0fdf3;
--color-bevelled-glass-100: #cff1e6;
--color-bevelled-glass-200: #b3e0d2;
--color-bevelled-glass-300: #8ec5b4;
--color-bevelled-glass-400: #6dae99;
--color-bevelled-glass-500: #4a9780;
--color-bevelled-glass-600: #3f806d;
--color-bevelled-glass-700: #326657;
--color-bevelled-glass-800: #244b3e;
--color-bevelled-glass-900: #18342b;
--color-bevelled-glass-950: #081f18;
}SCSS
$bevelled-glass: #81c6b0;
$bevelled-glass-rgb: 129, 198, 176;
$bevelled-glass-light: mix(#fff, $bevelled-glass, 20%);
$bevelled-glass-dark: mix(#000, $bevelled-glass, 20%);
.element {
color: $bevelled-glass;
box-shadow: 0 0 0 2px rgba($bevelled-glass, 0.35);
}