Colore con nome più vicino · #D6EBE9
#D6EBE9
Colore con nome più vicino: Cold Omen
#D6EBE9 (rgb(214 235 233), hsl(174 34% 88%), oklch(0.924 0.022 189.9)) è più vicino al colore con nome Cold Omen. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D6EBE9
oklch(0.924 0.022 189.9)
Conversioni di colore
- HEX
- #d6ebe9
- RGB
- rgb(214 235 233)
- HSL
- hsl(174 34% 88%)
- HWB
- hwb(174 84% 8%)
- OKLCH
- oklch(0.924 0.022 189.9)
- OKLab
- oklab(0.924 -0.022 -0.004)
- CIE Lab
- lab(91.44 -7.46 -1.52)
- LCH
- lch(91.44 7.61 191.5)
- CMYK
- cmyk(9% 0% 1% 8%)
Tinte · Ombre · Toni
Tinte
- DAEDEB
- DEEFED
- E2F1F0
- E6F3F2
- EBF5F4
- EFF7F6
- F3F9F8
- F7FBFB
- FBFDFD
Ombre
- BACCCB
- 9EAEAD
- 849190
- 6A7574
- 525B5A
- 3B4141
- 252929
- 101313
- 020303
Toni
- CDE0DE
- C4D5D3
- BBCAC8
- B3BFBE
- AAB4B3
- A2A9A9
- 999F9E
- 919494
- 888A8A
Armonie di colore
Complementare +180°
- D6EBE9
Cold Omen
- F4E0E2
≈ Candy Mix
Analogo -30° +30°
- D6EBE9
Cold Omen
- DAEBE1
≈ Green Emulsion
- D6EAF0
≈ Spacious Skies
Triadico +120° +240°
- D6EBE9
Cold Omen
- EAE2F1
≈ Faded Fuchsia
- F0E4D6
≈ Uptown Taupe
Complementare divisa +150° +210°
- D6EBE9
Cold Omen
- F1E0EB
≈ Taffeta Tint
- F4E1DB
≈ Brandy Alexander
Tetradico +90° +180° +270°
- D6EBE9
Cold Omen
- E2E5F5
≈ Crystal Falls
- F4E0E2
≈ Candy Mix
- E9E7D6
≈ Carrara Marble
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASu nero
WCAG 16.91:1 · APCA Lc 92
Miglior colore del testo: #000000
WCAG 16.91:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--cold-omen: #d6ebe9;
--cold-omen-rgb: 214 235 233;
--cold-omen-oklch: oklch(0.924 0.022 189.9);
}
.element {
color: var(--cold-omen);
background-color: hsl(174 34% 88%);
border-color: oklch(0.924 0.022 189.9);
}Tailwind CSS v4
@theme {
--color-cold-omen: #d6ebe9;
--color-cold-omen-50: #eef7f7;
--color-cold-omen-100: #e0eaea;
--color-cold-omen-200: #cad7d6;
--color-cold-omen-300: #abbbba;
--color-cold-omen-400: #90a3a1;
--color-cold-omen-500: #768b89;
--color-cold-omen-600: #647674;
--color-cold-omen-700: #505e5d;
--color-cold-omen-800: #3a4544;
--color-cold-omen-900: #28302f;
--color-cold-omen-950: #161c1b;
}SCSS
$cold-omen: #d6ebe9;
$cold-omen-rgb: 214, 235, 233;
$cold-omen-light: mix(#fff, $cold-omen, 20%);
$cold-omen-dark: mix(#000, $cold-omen, 20%);
.element {
color: $cold-omen;
box-shadow: 0 0 0 2px rgba($cold-omen, 0.35);
}