Nazwany kolor · #D9E7F2
Icicle Veil
Icicle Veil to #D9E7F2: rgb(217 231 242), hsl(206 49% 90%), oklch(0.921 0.021 241.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Icicle Veil color name →
#D9E7F2
oklch(0.921 0.021 241.4)
Konwersje koloru
- HEX
- #d9e7f2
- RGB
- rgb(217 231 242)
- HSL
- hsl(206 49% 90%)
- HWB
- hwb(206 85% 5%)
- OKLCH
- oklch(0.921 0.021 241.4)
- OKLab
- oklab(0.921 -0.01 -0.019)
- CIE Lab
- lab(90.83 -3.24 -7.05)
- LCH
- lch(90.83 7.76 245.3)
- CMYK
- cmyk(10% 5% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDE9F3
- E1ECF5
- E4EEF6
- E8F1F7
- ECF3F9
- F0F5FA
- F4F8FB
- F7FAFC
- FBFDFE
Odcienie ciemniejsze
- BCC9D2
- A1ABB4
- 868F96
- 6C7379
- 53595E
- 3B4043
- 25282B
- 111314
- 020303
Tony
- D0DCE6
- C7D2DA
- BDC7CE
- B4BCC3
- ABB2B7
- A3A8AC
- 9A9EA1
- 919496
- 898A8B
Harmonie kolorów
Komplementarna +180°
- D9E7F2
Icicle Veil
- F0E2D7
≈ Grain White
Analogowa -30° +30°
- D9E7F2
Icicle Veil
- D6E9ED
≈ Enchanted Evening
- DFE4F4
≈ Iris Ice
Triada +120° +240°
- D9E7F2
Icicle Veil
- F2DFE4
≈ Candy Mix
- E2E7D8
≈ White Hamburg Grapes
Komplementarna rozszczepiona +150° +210°
- D9E7F2
Icicle Veil
- F3E0DC
≈ Limoge Pink
- EAE5D5
≈ Bleached Meadow
Tetrada +90° +180° +270°
- D9E7F2
Icicle Veil
- EEE0EB
≈ Heaven Sent
- F0E2D7
≈ Grain White
- DBE9DE
≈ Clair de Lune
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.26:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.66:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--icicle-veil: #d9e7f2;
--icicle-veil-rgb: 217 231 242;
--icicle-veil-oklch: oklch(0.921 0.021 241.4);
}
.element {
color: var(--icicle-veil);
background-color: hsl(206 49% 90%);
border-color: oklch(0.921 0.021 241.4);
}Tailwind CSS v4
@theme {
--color-icicle-veil: #d9e7f2;
--color-icicle-veil-50: #f0f6fb;
--color-icicle-veil-100: #e2e9ef;
--color-icicle-veil-200: #cdd5dd;
--color-icicle-veil-300: #afb9c2;
--color-icicle-veil-400: #94a0aa;
--color-icicle-veil-500: #7a8893;
--color-icicle-veil-600: #68737d;
--color-icicle-veil-700: #535c64;
--color-icicle-veil-800: #3c4449;
--color-icicle-veil-900: #292f33;
--color-icicle-veil-950: #171b1e;
}SCSS
$icicle-veil: #d9e7f2;
$icicle-veil-rgb: 217, 231, 242;
$icicle-veil-light: mix(#fff, $icicle-veil, 20%);
$icicle-veil-dark: mix(#000, $icicle-veil, 20%);
.element {
color: $icicle-veil;
box-shadow: 0 0 0 2px rgba($icicle-veil, 0.35);
}