Nazwany kolor · #D1F0F6
Frostproof
Frostproof to #D1F0F6: rgb(209 240 246), hsl(190 67% 89%), oklch(0.935 0.033 210.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Frostproof color name →
#D1F0F6
oklch(0.935 0.033 210.6)
Konwersje koloru
- HEX
- #d1f0f6
- RGB
- rgb(209 240 246)
- HSL
- hsl(190 67% 89%)
- HWB
- hwb(190 82% 4%)
- OKLCH
- oklch(0.935 0.033 210.6)
- OKLab
- oklab(0.935 -0.029 -0.017)
- CIE Lab
- lab(92.68 -9.55 -6.49)
- LCH
- lch(92.68 11.55 214.2)
- CMYK
- cmyk(15% 2% 0% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6F2F7
- DAF3F8
- DFF5F9
- E4F6FA
- E8F8FB
- EDF9FB
- F1FBFC
- F6FCFD
- FAFEFE
Odcienie ciemniejsze
- B5D1D6
- 9BB2B7
- 819598
- 68787B
- 505D5F
- 394345
- 232A2C
- 101415
- 020303
Tony
- C9E4EA
- C0D9DD
- B8CDD1
- B0C2C5
- A8B6B9
- A0ABAE
- 98A0A2
- 909596
- 888B8B
Harmonie kolorów
Komplementarna +180°
- D1F0F6
Frostproof
- FFE2DC
≈ Lady Anne
Analogowa -30° +30°
- D1F0F6
Frostproof
- D2F1EA
≈ Diminished Sky
- D6EDFE
≈ Ice Castle
Triada +120° +240°
- D1F0F6
Frostproof
- F7E2F4
≈ Soft Lavender
- F2E9D1
≈ Country Dairy
Komplementarna rozszczepiona +150° +210°
- D1F0F6
Frostproof
- FEE1E8
≈ Baby Girl
- FBE5D4
≈ Warm Bread
Tetrada +90° +180° +270°
- D1F0F6
Frostproof
- EDE5FD
≈ Cyber Lavender
- FFE2DC
≈ Lady Anne
- E6EDD5
≈ Lime Meringue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.50:1 · APCA Lc 94
Najlepszy kolor tekstu: #000000
WCAG 17.50:1 (AAA) · APCA Lc 94
Contrast pairs
Fragmenty kodu
CSS
:root {
--frostproof: #d1f0f6;
--frostproof-rgb: 209 240 246;
--frostproof-oklch: oklch(0.935 0.033 210.6);
}
.element {
color: var(--frostproof);
background-color: hsl(190 67% 89%);
border-color: oklch(0.935 0.033 210.6);
}Tailwind CSS v4
@theme {
--color-frostproof: #d1f0f6;
--color-frostproof-50: #ebf8fb;
--color-frostproof-100: #dcebee;
--color-frostproof-200: #c5d8dd;
--color-frostproof-300: #a5bcc1;
--color-frostproof-400: #88a4aa;
--color-frostproof-500: #6d8d93;
--color-frostproof-600: #5c777c;
--color-frostproof-700: #4a5f63;
--color-frostproof-800: #354648;
--color-frostproof-900: #243032;
--color-frostproof-950: #131d1e;
}SCSS
$frostproof: #d1f0f6;
$frostproof-rgb: 209, 240, 246;
$frostproof-light: mix(#fff, $frostproof, 20%);
$frostproof-dark: mix(#000, $frostproof, 20%);
.element {
color: $frostproof;
box-shadow: 0 0 0 2px rgba($frostproof, 0.35);
}