Nazwany kolor · #CADEEA
Caribbean Mist
Caribbean Mist to #CADEEA: rgb(202 222 234), hsl(202 43% 85%), oklch(0.889 0.027 234). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Caribbean Mist color name →
#CADEEA
oklch(0.889 0.027 234)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CFE1EC
- D5E5EE
- DAE8F0
- DFEBF2
- E4EEF5
- EAF2F7
- EFF5F9
- F4F8FB
- FAFCFD
Odcienie ciemniejsze
- AFC1CB
- 95A5AE
- 7C8991
- 646F75
- 4D555A
- 373D41
- 222629
- 0F1213
- 020203
Tony
- C2D4DF
- BBCAD4
- B3C1C9
- ACB7BE
- A4AEB4
- 9DA4A9
- 969B9F
- 8E9294
- 87898A
Harmonie kolorów
Komplementarna +180°
- CADEEA
Caribbean Mist
- EAD6CA
≈ Blushing Coconut
Analogowa -30° +30°
- CADEEA
Caribbean Mist
- C7E0E3
≈ Wishy-Washy Blue
- D1DBED
≈ Hawkes Blue
Triada +120° +240°
- CADEEA
Caribbean Mist
- EAD4DC
≈ Swiss Rose
- DADDC9
≈ Grassy Glade
Komplementarna rozszczepiona +150° +210°
- CADEEA
Caribbean Mist
- ECD4D2
≈ Shangri La
- E3D9C7
≈ Gentle Lamb
Tetrada +90° +180° +270°
- CADEEA
Caribbean Mist
- E4D5E5
≈ Joyful Lilac
- EAD6CA
≈ Blushing Coconut
- D0E0D0
≈ Fairest Jade
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.14:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
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);
}