Colore con nome · #CEE0E3
Nymphaeaceae
Nymphaeaceae è #CEE0E3: rgb(206 224 227), hsl(189 27% 85%), oklch(0.894 0.02 208.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Nymphaeaceae color name →
#CEE0E3
oklch(0.894 0.02 208.8)
Conversioni di colore
- HEX
- #cee0e3
- RGB
- rgb(206 224 227)
- HSL
- hsl(189 27% 85%)
- HWB
- hwb(189 81% 11%)
- OKLCH
- oklch(0.894 0.02 208.8)
- OKLab
- oklab(0.894 -0.017 -0.009)
- CIE Lab
- lab(87.88 -5.78 -3.64)
- LCH
- lch(87.88 6.83 212.2)
- CMYK
- cmyk(9% 1% 0% 11%)
Tinte · Ombre · Toni
Tinte
- D3E3E6
- D8E6E9
- DDE9EB
- E2ECEE
- E6EFF1
- EBF3F4
- F0F6F7
- F5F9F9
- FAFCFC
Ombre
- B3C3C5
- 98A6A8
- 7F8A8C
- 667071
- 4E5657
- 383E3F
- 232727
- 0F1212
- 020203
Toni
- C6D6D9
- BECCCE
- B6C2C4
- AEB8BA
- A6AFB0
- 9EA5A6
- 979C9D
- 8F9293
- 888989
Armonie di colore
Complementare +180°
- CEE0E3
Nymphaeaceae
- E9D8D5
≈ Light Youth
Analogo -30° +30°
- CEE0E3
Nymphaeaceae
- CFE1DC
≈ Big Sky
- D1DEE8
≈ Nordic Breeze
Triadico +120° +240°
- CEE0E3
Nymphaeaceae
- E4D8E3
≈ Wine Frost
- E1DCCE
≈ Navy Bean
Complementare divisa +150° +210°
- CEE0E3
Nymphaeaceae
- E8D7DC
≈ Unfading Dusk
- E7D9D0
≈ Malted Milk
Tetradico +90° +180° +270°
- CEE0E3
Nymphaeaceae
- DDD9E8
≈ Eyeshadow
- E9D8D5
≈ Light Youth
- DADED0
≈ Sage Tint
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASu nero
WCAG 15.39:1 · APCA Lc 86
Miglior colore del testo: #000000
WCAG 15.39:1 (AAA) · APCA Lc 86
Contrast pairs
Frammenti di codice
CSS
:root {
--nymphaeaceae: #cee0e3;
--nymphaeaceae-rgb: 206 224 227;
--nymphaeaceae-oklch: oklch(0.894 0.02 208.8);
}
.element {
color: var(--nymphaeaceae);
background-color: hsl(189 27% 85%);
border-color: oklch(0.894 0.02 208.8);
}Tailwind CSS v4
@theme {
--color-nymphaeaceae: #cee0e3;
--color-nymphaeaceae-50: #eff7f8;
--color-nymphaeaceae-100: #e1eaeb;
--color-nymphaeaceae-200: #cbd7d9;
--color-nymphaeaceae-300: #adbabd;
--color-nymphaeaceae-400: #92a2a5;
--color-nymphaeaceae-500: #788a8d;
--color-nymphaeaceae-600: #657577;
--color-nymphaeaceae-700: #515d60;
--color-nymphaeaceae-800: #3b4446;
--color-nymphaeaceae-900: #282f30;
--color-nymphaeaceae-950: #161c1d;
}SCSS
$nymphaeaceae: #cee0e3;
$nymphaeaceae-rgb: 206, 224, 227;
$nymphaeaceae-light: mix(#fff, $nymphaeaceae, 20%);
$nymphaeaceae-dark: mix(#000, $nymphaeaceae, 20%);
.element {
color: $nymphaeaceae;
box-shadow: 0 0 0 2px rgba($nymphaeaceae, 0.35);
}