Colore con nome · #EFF1E3
Frostwork
Frostwork è #EFF1E3: rgb(239 241 227), hsl(69 33% 92%), oklch(0.953 0.019 113.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Frostwork color name →
#EFF1E3
oklch(0.953 0.019 113.3)
Conversioni di colore
- HEX
- #eff1e3
- RGB
- rgb(239 241 227)
- HSL
- hsl(69 33% 92%)
- HWB
- hwb(69 89% 5%)
- OKLCH
- oklch(0.953 0.019 113.3)
- OKLab
- oklab(0.953 -0.007 0.017)
- CIE Lab
- lab(94.7 -2.5 6.54)
- LCH
- lch(94.7 7 110.9)
- CMYK
- cmyk(1% 0% 6% 5%)
Tinte · Ombre · Toni
Tinte
- F1F2E6
- F2F4E9
- F4F5EB
- F5F7EE
- F7F8F1
- F9F9F4
- FAFBF7
- FCFCF9
- FDFEFC
Ombre
- D0D2C5
- B1B3A8
- 94958C
- 787971
- 5C5D57
- 42433F
- 2A2B27
- 141412
- 030303
Toni
- E3E5D9
- D8D9CE
- CCCEC4
- C1C2BA
- B6B7B0
- ABACA6
- A0A19D
- 959693
- 8A8B89
Armonie di colore
Complementare +180°
- EFF1E3
Frostwork
- F0EDFB
≈ Foundation White
Analogo -30° +30°
- EFF1E3
Frostwork
- F5EFE2
≈ Cream Cheese Frosting
- E8F3E8
≈ Aqua Spring
Triadico +120° +240°
- EFF1E3
Frostwork
- E4F2FA
≈ Clear Vision
- FAEBF0
≈ Morning Shine
Complementare divisa +150° +210°
- EFF1E3
Frostwork
- E9F0FC
≈ Cotton Boll
- F6EBF7
≈ Perfume Haze
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.14:1 · APCA Lc 0
Ag
AAASu nero
WCAG 18.36:1 · APCA Lc 98
Miglior colore del testo: #000000
WCAG 18.36:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--frostwork: #eff1e3;
--frostwork-rgb: 239 241 227;
--frostwork-oklch: oklch(0.953 0.019 113.3);
}
.element {
color: var(--frostwork);
background-color: hsl(69 33% 92%);
border-color: oklch(0.953 0.019 113.3);
}Tailwind CSS v4
@theme {
--color-frostwork: #eff1e3;
--color-frostwork-50: #f5f6f0;
--color-frostwork-100: #e7e9e2;
--color-frostwork-200: #d4d5cc;
--color-frostwork-300: #b7b9ae;
--color-frostwork-400: #9ea093;
--color-frostwork-500: #86887a;
--color-frostwork-600: #717367;
--color-frostwork-700: #5b5c52;
--color-frostwork-800: #42433c;
--color-frostwork-900: #2e2e29;
--color-frostwork-950: #1b1b17;
}SCSS
$frostwork: #eff1e3;
$frostwork-rgb: 239, 241, 227;
$frostwork-light: mix(#fff, $frostwork, 20%);
$frostwork-dark: mix(#000, $frostwork, 20%);
.element {
color: $frostwork;
box-shadow: 0 0 0 2px rgba($frostwork, 0.35);
}