Nazwany kolor · #D3E0EC
Haunting Hue
Haunting Hue to #D3E0EC: rgb(211 224 236), hsl(209 40% 88%), oklch(0.9 0.022 245.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Haunting Hue color name →
#D3E0EC
oklch(0.9 0.022 245.9)
Konwersje koloru
- HEX
- #d3e0ec
- RGB
- rgb(211 224 236)
- HSL
- hsl(209 40% 88%)
- HWB
- hwb(209 83% 7%)
- OKLCH
- oklch(0.9 0.022 245.9)
- OKLab
- oklab(0.9 -0.009 -0.02)
- CIE Lab
- lab(88.45 -2.77 -7.46)
- LCH
- lch(88.45 7.95 249.6)
- CMYK
- cmyk(11% 5% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7E3EE
- DCE6F0
- E0E9F2
- E4ECF4
- E9EFF6
- EDF3F7
- F2F6F9
- F6F9FB
- FBFCFD
Odcienie ciemniejsze
- B7C3CD
- 9CA6AF
- 828A92
- 697076
- 51565B
- 3A3E42
- 242729
- 101213
- 020203
Tony
- CAD6E1
- C2CCD5
- B9C2CA
- B1B8BF
- A9AFB5
- A0A5AA
- 989C9F
- 909295
- 88898A
Harmonie kolorów
Komplementarna +180°
- D3E0EC
Haunting Hue
- E9DCD0
≈ Light Shetland Lace
Analogowa -30° +30°
- D3E0EC
Haunting Hue
- CFE2E7
≈ Open Skies
- DADDED
≈ The White Death
Triada +120° +240°
- D3E0EC
Haunting Hue
- ECD9DC
≈ Sweet Bianca
- DAE1D2
≈ Feta
Komplementarna rozszczepiona +150° +210°
- D3E0EC
Haunting Hue
- ECDAD4
≈ Light Pianissimo
- E2DECF
≈ Natural Choice
Tetrada +90° +180° +270°
- D3E0EC
Haunting Hue
- E8D9E4
≈ Rajah Rose
- E9DCD0
≈ Light Shetland Lace
- D3E3D8
≈ Light Dry Lichen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.34:1 · APCA Lc 17
Ag
AAANa czerni
WCAG 15.64:1 · APCA Lc 87
Najlepszy kolor tekstu: #000000
WCAG 15.64:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--haunting-hue: #d3e0ec;
--haunting-hue-rgb: 211 224 236;
--haunting-hue-oklch: oklch(0.9 0.022 245.9);
}
.element {
color: var(--haunting-hue);
background-color: hsl(209 40% 88%);
border-color: oklch(0.9 0.022 245.9);
}Tailwind CSS v4
@theme {
--color-haunting-hue: #d3e0ec;
--color-haunting-hue-50: #f0f6fb;
--color-haunting-hue-100: #e2e9ef;
--color-haunting-hue-200: #cdd5dd;
--color-haunting-hue-300: #afb9c2;
--color-haunting-hue-400: #94a0ab;
--color-haunting-hue-500: #7b8894;
--color-haunting-hue-600: #68737d;
--color-haunting-hue-700: #535c64;
--color-haunting-hue-800: #3c4349;
--color-haunting-hue-900: #292f33;
--color-haunting-hue-950: #171b1f;
}SCSS
$haunting-hue: #d3e0ec;
$haunting-hue-rgb: 211, 224, 236;
$haunting-hue-light: mix(#fff, $haunting-hue, 20%);
$haunting-hue-dark: mix(#000, $haunting-hue, 20%);
.element {
color: $haunting-hue;
box-shadow: 0 0 0 2px rgba($haunting-hue, 0.35);
}