Color con nombre · #CADEEA
Caribbean Mist
Caribbean Mist es #CADEEA: rgb(202 222 234), hsl(202 43% 85%), oklch(0.889 0.027 234). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Caribbean Mist color name →
#CADEEA
oklch(0.889 0.027 234)
Conversiones de color
- HEX
- #cadeea
- RGB
- rgb(202 222 234)
- HSL
- hsl(202 43% 85%)
- HWB
- hwb(202 79% 8%)
- OKLCH
- oklch(0.889 0.027 234)
- OKLab
- oklab(0.889 -0.016 -0.022)
- CIE Lab
- lab(87.24 -5.11 -8.28)
- LCH
- lch(87.24 9.73 238.3)
- CMYK
- cmyk(14% 5% 0% 8%)
Tintes · Sombras · Tonos
Tintes
- CFE1EC
- D5E5EE
- DAE8F0
- DFEBF2
- E4EEF5
- EAF2F7
- EFF5F9
- F4F8FB
- FAFCFD
Sombras
- AFC1CB
- 95A5AE
- 7C8991
- 646F75
- 4D555A
- 373D41
- 222629
- 0F1213
- 020203
Tonos
- C2D4DF
- BBCAD4
- B3C1C9
- ACB7BE
- A4AEB4
- 9DA4A9
- 969B9F
- 8E9294
- 87898A
Armonías de color
Complementario +180°
- CADEEA
Caribbean Mist
- EAD6CA
≈ Blushing Coconut
Análogo -30° +30°
- CADEEA
Caribbean Mist
- C7E0E3
≈ Wishy-Washy Blue
- D1DBED
≈ Hawkes Blue
Triádico +120° +240°
- CADEEA
Caribbean Mist
- EAD4DC
≈ Swiss Rose
- DADDC9
≈ Grassy Glade
Complementario dividido +150° +210°
- CADEEA
Caribbean Mist
- ECD4D2
≈ Shangri La
- E3D9C7
≈ Gentle Lamb
Tetrádico +90° +180° +270°
- CADEEA
Caribbean Mist
- E4D5E5
≈ Joyful Lilac
- EAD6CA
≈ Blushing Coconut
- D0E0D0
≈ Fairest Jade
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.38:1 · APCA Lc 19
Ag
AAASobre negro
WCAG 15.14:1 · APCA Lc 85
Mejor color de texto: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmentos de código
CSS
:root {
--caribbean-mist: #cadeea;
--caribbean-mist-rgb: 202 222 234;
--caribbean-mist-oklch: oklch(0.889 0.027 234);
}
.element {
color: var(--caribbean-mist);
background-color: hsl(202 43% 85%);
border-color: oklch(0.889 0.027 234);
}Tailwind CSS v4
@theme {
--color-caribbean-mist: #cadeea;
--color-caribbean-mist-50: #eef7fc;
--color-caribbean-mist-100: #e0e9f0;
--color-caribbean-mist-200: #cad6de;
--color-caribbean-mist-300: #abbac4;
--color-caribbean-mist-400: #90a1ac;
--color-caribbean-mist-500: #758a96;
--color-caribbean-mist-600: #63747f;
--color-caribbean-mist-700: #4f5d65;
--color-caribbean-mist-800: #39444a;
--color-caribbean-mist-900: #272f34;
--color-caribbean-mist-950: #151c1f;
}SCSS
$caribbean-mist: #cadeea;
$caribbean-mist-rgb: 202, 222, 234;
$caribbean-mist-light: mix(#fff, $caribbean-mist, 20%);
$caribbean-mist-dark: mix(#000, $caribbean-mist, 20%);
.element {
color: $caribbean-mist;
box-shadow: 0 0 0 2px rgba($caribbean-mist, 0.35);
}