Najbliższy nazwany kolor · #D8ECEA
#D8ECEA
Najbliższy nazwany kolor: Cold Omen
#D8ECEA (rgb(216 236 234), hsl(174 34% 89%), oklch(0.928 0.021 189.5)) jest najbliższy nazwanemu kolorowi Cold Omen. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D8ECEA
oklch(0.928 0.021 189.5)
Konwersje koloru
- HEX
- #d8ecea
- RGB
- rgb(216 236 234)
- HSL
- hsl(174 34% 89%)
- HWB
- hwb(174 85% 7%)
- OKLCH
- oklch(0.928 0.021 189.5)
- OKLab
- oklab(0.928 -0.021 -0.004)
- CIE Lab
- lab(91.86 -7.11 -1.41)
- LCH
- lch(91.86 7.25 191.2)
- CMYK
- cmyk(8% 0% 1% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCEEEC
- E0F0EE
- E4F2F0
- E8F4F2
- ECF5F4
- EFF7F7
- F3F9F9
- F7FBFB
- FBFDFD
Odcienie ciemniejsze
- BCCDCB
- A0AFAE
- 859291
- 6B7675
- 535B5A
- 3B4241
- 252929
- 111313
- 020303
Tony
- CFE1DF
- C6D5D4
- BDCAC9
- B4BFBE
- ABB5B4
- A2AAA9
- 9A9F9F
- 919594
- 888A8A
Harmonie kolorów
Komplementarna +180°
- D8ECEA
Cold Omen
- F5E2E4
≈ Be Mine
Analogowa -30° +30°
- D8ECEA
Cold Omen
- DCECE2
≈ Pastel Smirk
- D8EBF1
≈ Frost Wind
Triada +120° +240°
- D8ECEA
Cold Omen
- EBE3F2
≈ Faded Fuchsia
- F1E5D8
≈ Finest Silk
Komplementarna rozszczepiona +150° +210°
- D8ECEA
Cold Omen
- F2E2EC
≈ Pink Amour
- F5E3DD
≈ Faded Light
Tetrada +90° +180° +270°
- D8ECEA
Cold Omen
- E4E6F6
≈ Cyber Lavender
- F5E2E4
≈ Be Mine
- EAE8D8
≈ Angelic Starlet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.10:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--cold-omen: #d8ecea;
--cold-omen-rgb: 216 236 234;
--cold-omen-oklch: oklch(0.928 0.021 189.5);
}
.element {
color: var(--cold-omen);
background-color: hsl(174 34% 89%);
border-color: oklch(0.928 0.021 189.5);
}Tailwind CSS v4
@theme {
--color-cold-omen: #d8ecea;
--color-cold-omen-50: #eff7f6;
--color-cold-omen-100: #e0eae9;
--color-cold-omen-200: #cbd7d6;
--color-cold-omen-300: #acbbba;
--color-cold-omen-400: #91a3a1;
--color-cold-omen-500: #778b89;
--color-cold-omen-600: #657674;
--color-cold-omen-700: #505e5d;
--color-cold-omen-800: #3a4544;
--color-cold-omen-900: #28302f;
--color-cold-omen-950: #161c1b;
}SCSS
$cold-omen: #d8ecea;
$cold-omen-rgb: 216, 236, 234;
$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);
}