Named color · #08E8DE
Bright Turquoise
Bright Turquoise is #08E8DE: rgb(8 232 222), hsl(177 93% 47%), oklch(0.84 0.145 189.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Bright Turquoise color name →
#08E8DE
oklch(0.84 0.145 189.2)
Color conversions
- HEX
- #08e8de
- RGB
- rgb(8 232 222)
- HSL
- hsl(177 93% 47%)
- HWB
- hwb(177 3% 9%)
- OKLCH
- oklch(0.84 0.145 189.2)
- OKLab
- oklab(0.84 -0.143 -0.023)
- CIE Lab
- lab(83.09 -49.19 -9.01)
- LCH
- lch(83.09 50.01 190.4)
- CMYK
- cmyk(97% 0% 4% 9%)
Tints · Shades · Tones
Tints
- 4CEBE1
- 6BEDE5
- 84F0E8
- 99F2EB
- ACF5EE
- BEF7F2
- CFF9F5
- E0FBF8
- EFFDFC
Shades
- 06CAC1
- 04ACA5
- 039089
- 02746F
- 015955
- 01403D
- 002926
- 001312
- 000302
Tones
- 38DDD4
- 4CD3CA
- 5AC8C1
- 64BEB7
- 6CB4AE
- 72A9A5
- 779F9B
- 7B9592
- 7E8A89
Color harmonies
Complementary +180°
- 08E8DE
Bright Turquoise
- FFB2BE
≈ Soft Pink
Analogous -30° +30°
- 08E8DE
Bright Turquoise
- 69E7A8
≈ Screen Glow
- 62DDFF
≈ Athena Blue
Triadic +120° +240°
- 08E8DE
Bright Turquoise
- DFB8FF
≈ Lavender Fragrance
- FFBB6C
≈ Desert Dessert
Split-complementary +150° +210°
- 08E8DE
Bright Turquoise
- FFABE4
≈ Fresh Gum
- FFB79E
≈ Island Girl
Tetradic +90° +180° +270°
- 08E8DE
Bright Turquoise
- BFC6FF
≈ Light Periwinkle
- FFB2BE
≈ Soft Pink
- E2CC4E
≈ Citrus Spice
Contrast & accessibility
Ag
FailOn white
WCAG 1.54:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.60:1 · APCA Lc 79
Best text color: #000000
WCAG 13.60:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--bright-turquoise: #08e8de;
--bright-turquoise-rgb: 8 232 222;
--bright-turquoise-oklch: oklch(0.84 0.145 189.2);
}
.element {
color: var(--bright-turquoise);
background-color: hsl(177 93% 47%);
border-color: oklch(0.84 0.145 189.2);
}Tailwind CSS v4
@theme {
--color-bright-turquoise: #08e8de;
--color-bright-turquoise-50: #c6ffff;
--color-bright-turquoise-100: #aff8f4;
--color-bright-turquoise-200: #85e8e3;
--color-bright-turquoise-300: #46cfc9;
--color-bright-turquoise-400: #00b9b0;
--color-bright-turquoise-500: #00a29a;
--color-bright-turquoise-600: #008982;
--color-bright-turquoise-700: #006e68;
--color-bright-turquoise-800: #00514b;
--color-bright-turquoise-900: #003934;
--color-bright-turquoise-950: #00231f;
}SCSS
$bright-turquoise: #08e8de;
$bright-turquoise-rgb: 8, 232, 222;
$bright-turquoise-light: mix(#fff, $bright-turquoise, 20%);
$bright-turquoise-dark: mix(#000, $bright-turquoise, 20%);
.element {
color: $bright-turquoise;
box-shadow: 0 0 0 2px rgba($bright-turquoise, 0.35);
}