Nazwany kolor · #D4E9F5
Freezing Vapour
Freezing Vapour to #D4E9F5: rgb(212 233 245), hsl(202 62% 90%), oklch(0.922 0.028 232.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Freezing Vapour color name →
#D4E9F5
oklch(0.922 0.028 232.7)
Konwersje koloru
- HEX
- #d4e9f5
- RGB
- rgb(212 233 245)
- HSL
- hsl(202 62% 90%)
- HWB
- hwb(202 83% 4%)
- OKLCH
- oklch(0.922 0.028 232.7)
- OKLab
- oklab(0.922 -0.017 -0.022)
- CIE Lab
- lab(91.05 -5.41 -8.33)
- LCH
- lch(91.05 9.93 237)
- CMYK
- cmyk(13% 5% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D8EBF6
- DDEDF7
- E1F0F8
- E5F2F9
- EAF4FA
- EEF6FB
- F2F8FC
- F6FBFD
- FBFDFE
Odcienie ciemniejsze
- B8CBD5
- 9DADB6
- 839098
- 69747B
- 515A5F
- 3A4144
- 24292B
- 101315
- 020303
Tony
- CBDEE9
- C3D3DD
- BAC8D1
- B2BEC5
- A9B3B9
- A1A9AD
- 989EA2
- 909496
- 888A8B
Harmonie kolorów
Komplementarna +180°
- D4E9F5
Freezing Vapour
- F5E1D5
≈ Antique Candle Light
Analogowa -30° +30°
- D4E9F5
Freezing Vapour
- D1EBED
≈ Jet d’Eau
- DCE6F8
≈ Crystal Falls
Triada +120° +240°
- D4E9F5
Freezing Vapour
- F5DEE7
≈ Ranunculus White
- E5E8D3
≈ Green Iced Tea
Komplementarna rozszczepiona +150° +210°
- D4E9F5
Freezing Vapour
- F7DFDD
≈ Pale Perfection
- EEE4D1
≈ Tawny Daylily
Tetrada +90° +180° +270°
- D4E9F5
Freezing Vapour
- EFE0F0
≈ Sheer Lavender
- F5E1D5
≈ Antique Candle Light
- DBEADA
≈ Lily Pond
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 12
Ag
AAANa czerni
WCAG 16.77:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.77:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--freezing-vapour: #d4e9f5;
--freezing-vapour-rgb: 212 233 245;
--freezing-vapour-oklch: oklch(0.922 0.028 232.7);
}
.element {
color: var(--freezing-vapour);
background-color: hsl(202 62% 90%);
border-color: oklch(0.922 0.028 232.7);
}Tailwind CSS v4
@theme {
--color-freezing-vapour: #d4e9f5;
--color-freezing-vapour-50: #eef7fc;
--color-freezing-vapour-100: #dfeaf0;
--color-freezing-vapour-200: #c9d6de;
--color-freezing-vapour-300: #aabac4;
--color-freezing-vapour-400: #8fa2ac;
--color-freezing-vapour-500: #758a96;
--color-freezing-vapour-600: #63757f;
--color-freezing-vapour-700: #4f5d65;
--color-freezing-vapour-800: #39444a;
--color-freezing-vapour-900: #272f34;
--color-freezing-vapour-950: #151c1f;
}SCSS
$freezing-vapour: #d4e9f5;
$freezing-vapour-rgb: 212, 233, 245;
$freezing-vapour-light: mix(#fff, $freezing-vapour, 20%);
$freezing-vapour-dark: mix(#000, $freezing-vapour, 20%);
.element {
color: $freezing-vapour;
box-shadow: 0 0 0 2px rgba($freezing-vapour, 0.35);
}