Najbliższy nazwany kolor · #DAF1F1
#DAF1F1
Najbliższy nazwany kolor: Let It Snow
#DAF1F1 (rgb(218 241 241), hsl(180 45% 90%), oklch(0.941 0.024 196.7)) jest najbliższy nazwanemu kolorowi Let It Snow. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DAF1F1
oklch(0.941 0.024 196.7)
Konwersje koloru
- HEX
- #daf1f1
- RGB
- rgb(218 241 241)
- HSL
- hsl(180 45% 90%)
- HWB
- hwb(180 85% 5%)
- OKLCH
- oklch(0.941 0.024 196.7)
- OKLab
- oklab(0.941 -0.023 -0.007)
- CIE Lab
- lab(93.45 -7.81 -2.71)
- LCH
- lch(93.45 8.26 199.1)
- CMYK
- cmyk(10% 0% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DEF2F2
- E1F4F4
- E5F5F5
- E9F7F7
- EDF8F8
- F0F9F9
- F4FBFB
- F8FCFC
- FBFEFE
Odcienie ciemniejsze
- BDD2D2
- A2B3B3
- 879595
- 6C7979
- 545D5D
- 3C4343
- 252B2B
- 111414
- 020303
Tony
- D1E5E5
- C7D9D9
- BECECE
- B5C2C2
- ACB7B7
- A3ACAC
- 9AA1A0
- 919696
- 898B8B
Harmonie kolorów
Komplementarna +180°
- DAF1F1
Let It Snow
- FCE6E6
≈ Valerie
Analogowa -30° +30°
- DAF1F1
Let It Snow
- DDF1E8
≈ Snow Ballet
- DCEFF8
≈ Ice Fishing
Triada +120° +240°
- DAF1F1
Let It Snow
- F2E7F7
≈ Perfume Haze
- F5EADA
≈ Saltbox
Komplementarna rozszczepiona +150° +210°
- DAF1F1
Let It Snow
- F9E5EF
≈ Petal Poise
- FAE7DE
≈ Morning Blush
Tetrada +90° +180° +270°
- DAF1F1
Let It Snow
- EAEAFC
≈ Bright Dusk
- FCE6E6
≈ Valerie
- EDEDDB
≈ Glittery Glow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.17:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.83:1 · APCA Lc 96
Najlepszy kolor tekstu: #000000
WCAG 17.83:1 (AAA) · APCA Lc 96
Contrast pairs
Fragmenty kodu
CSS
:root {
--let-it-snow: #daf1f1;
--let-it-snow-rgb: 218 241 241;
--let-it-snow-oklch: oklch(0.941 0.024 196.7);
}
.element {
color: var(--let-it-snow);
background-color: hsl(180 45% 90%);
border-color: oklch(0.941 0.024 196.7);
}Tailwind CSS v4
@theme {
--color-let-it-snow: #daf1f1;
--color-let-it-snow-50: #eef7f8;
--color-let-it-snow-100: #dfeaeb;
--color-let-it-snow-200: #c9d8d8;
--color-let-it-snow-300: #aabbbc;
--color-let-it-snow-400: #8fa3a3;
--color-let-it-snow-500: #748b8c;
--color-let-it-snow-600: #637676;
--color-let-it-snow-700: #4f5e5e;
--color-let-it-snow-800: #394545;
--color-let-it-snow-900: #273030;
--color-let-it-snow-950: #151c1c;
}SCSS
$let-it-snow: #daf1f1;
$let-it-snow-rgb: 218, 241, 241;
$let-it-snow-light: mix(#fff, $let-it-snow, 20%);
$let-it-snow-dark: mix(#000, $let-it-snow, 20%);
.element {
color: $let-it-snow;
box-shadow: 0 0 0 2px rgba($let-it-snow, 0.35);
}