Couleur nommée · #C8EDE2
Teal Melody
Teal Melody correspond à #C8EDE2 : rgb(200 237 226), hsl(162 51% 86%), oklch(0.917 0.041 175.5). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Teal Melody color name →
#C8EDE2
oklch(0.917 0.041 175.5)
Conversions de couleur
- HEX
- #c8ede2
- RGB
- rgb(200 237 226)
- HSL
- hsl(162 51% 86%)
- HWB
- hwb(162 78% 7%)
- OKLCH
- oklch(0.917 0.041 175.5)
- OKLab
- oklab(0.917 -0.041 0.003)
- CIE Lab
- lab(90.86 -14.06 1.12)
- LCH
- lch(90.86 14.11 175.5)
- CMYK
- cmyk(16% 0% 5% 7%)
Teintes · Ombres · Tons
Teintes
- CEEFE5
- D3F1E8
- D9F2EB
- DEF4EE
- E4F6F0
- E9F8F3
- EFFAF6
- F4FBF9
- FAFDFC
Ombres
- AECEC4
- 94B0A8
- 7B938C
- 637771
- 4C5C57
- 36423E
- 212A27
- 0F1412
- 020303
Tons
- C1E2D8
- B9D6CE
- B2CBC4
- ABC0BA
- A4B5B0
- 9DAAA6
- 959F9C
- 8E9593
- 878A89
Harmonies de couleurs
Complémentaire +180°
- C8EDE2
Teal Melody
- FBD9E4
≈ Lovely Breeze
Analogue -30° +30°
- C8EDE2
Teal Melody
- D3EBD3
≈ Venetian Pearl
- C5ECF1
≈ Icy Breeze
Triadique +120° +240°
- C8EDE2
Teal Melody
- E5DFFD
≈ Stoic White
- FADDCA
≈ Muffin Magic
Complémentaire divisée +150° +210°
- C8EDE2
Teal Melody
- F2DBF3
≈ Grape Taffy
- FEDAD6
≈ Forgotten Pink
Tétradique +90° +180° +270°
- C8EDE2
Teal Melody
- D7E4FF
≈ Stoic White
- FBD9E4
≈ Lovely Breeze
- F0E2C5
≈ Creamy Gelato
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.25:1 · APCA Lc 13
Ag
AAASur noir
WCAG 16.66:1 · APCA Lc 91
Meilleure couleur de texte: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--teal-melody: #c8ede2;
--teal-melody-rgb: 200 237 226;
--teal-melody-oklch: oklch(0.917 0.041 175.5);
}
.element {
color: var(--teal-melody);
background-color: hsl(162 51% 86%);
border-color: oklch(0.917 0.041 175.5);
}Tailwind CSS v4
@theme {
--color-teal-melody: #c8ede2;
--color-teal-melody-50: #e9f9f5;
--color-teal-melody-100: #daede8;
--color-teal-melody-200: #c3dad4;
--color-teal-melody-300: #a2bfb7;
--color-teal-melody-400: #86a79d;
--color-teal-melody-500: #698f85;
--color-teal-melody-600: #597970;
--color-teal-melody-700: #47615a;
--color-teal-melody-800: #344741;
--color-teal-melody-900: #23312d;
--color-teal-melody-950: #121d1a;
}SCSS
$teal-melody: #c8ede2;
$teal-melody-rgb: 200, 237, 226;
$teal-melody-light: mix(#fff, $teal-melody, 20%);
$teal-melody-dark: mix(#000, $teal-melody, 20%);
.element {
color: $teal-melody;
box-shadow: 0 0 0 2px rgba($teal-melody, 0.35);
}