Couleur nommée · #C2F0E6
Light Water Wings
Light Water Wings correspond à #C2F0E6 : rgb(194 240 230), hsl(167 61% 85%), oklch(0.92 0.049 180.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Teal mean? → · Light Water Wings color name →
#C2F0E6
oklch(0.92 0.049 180.4)
Conversions de couleur
- HEX
- #c2f0e6
- RGB
- rgb(194 240 230)
- HSL
- hsl(167 61% 85%)
- HWB
- hwb(167 76% 6%)
- OKLCH
- oklch(0.92 0.049 180.4)
- OKLab
- oklab(0.92 -0.049 0)
- CIE Lab
- lab(91.35 -16.81 -0.3)
- LCH
- lch(91.35 16.81 181)
- CMYK
- cmyk(19% 0% 4% 6%)
Teintes · Ombres · Tons
Teintes
- C8F2E8
- CFF3EB
- D5F5ED
- DBF6F0
- E1F8F2
- E7F9F5
- EDFBF7
- F3FCFA
- F9FEFC
Ombres
- A8D1C8
- 8FB2AB
- 77958E
- 607873
- 495D59
- 344340
- 202A28
- 0E1413
- 020303
Tons
- BBE4DB
- B5D9D1
- AECDC6
- A8C2BC
- A1B6B2
- 9AABA7
- 94A09D
- 8D9593
- 878B8A
Harmonies de couleurs
Complémentaire +180°
- C2F0E6
Light Water Wings
- FFD9E3
≈ It’s a Girl!
Analogue -30° +30°
- C2F0E6
Light Water Wings
- CEEFD4
≈ Jade Palace
- C0EEF7
≈ Icy Breeze
Triadique +120° +240°
- C2F0E6
Light Water Wings
- E9DEFF
≈ Lavender Savour
- FEDEC4
≈ Salmon Creek
Complémentaire divisée +150° +210°
- C2F0E6
Light Water Wings
- F9D9F4
≈ Jacaranda
- FFDBD5
≈ Peach Schnapps
Tétradique +90° +180° +270°
- C2F0E6
Light Water Wings
- DBE4FF
≈ Stoic White
- FFD9E3
≈ It’s a Girl!
- F1E4C0
≈ Creamy Vanilla
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.24:1 · APCA Lc 12
Ag
AAASur noir
WCAG 16.90:1 · APCA Lc 92
Meilleure couleur de texte: #000000
WCAG 16.90:1 (AAA) · APCA Lc 92
Contrast pairs
Extraits de code
CSS
:root {
--light-water-wings: #c2f0e6;
--light-water-wings-rgb: 194 240 230;
--light-water-wings-oklch: oklch(0.92 0.049 180.4);
}
.element {
color: var(--light-water-wings);
background-color: hsl(167 61% 85%);
border-color: oklch(0.92 0.049 180.4);
}Tailwind CSS v4
@theme {
--color-light-water-wings: #c2f0e6;
--color-light-water-wings-50: #e7faf6;
--color-light-water-wings-100: #d7eee9;
--color-light-water-wings-200: #bedcd6;
--color-light-water-wings-300: #9dc0b9;
--color-light-water-wings-400: #7fa8a0;
--color-light-water-wings-500: #619188;
--color-light-water-wings-600: #537b73;
--color-light-water-wings-700: #42625c;
--color-light-water-wings-800: #2f4842;
--color-light-water-wings-900: #20322e;
--color-light-water-wings-950: #101e1b;
}SCSS
$light-water-wings: #c2f0e6;
$light-water-wings-rgb: 194, 240, 230;
$light-water-wings-light: mix(#fff, $light-water-wings, 20%);
$light-water-wings-dark: mix(#000, $light-water-wings, 20%);
.element {
color: $light-water-wings;
box-shadow: 0 0 0 2px rgba($light-water-wings, 0.35);
}