Nazwany kolor · #FFF3D5
Hazelwood
Hazelwood to #FFF3D5: rgb(255 243 213), hsl(43 100% 92%), oklch(0.966 0.041 88.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Hazelwood color name →
#FFF3D5
oklch(0.966 0.041 88.8)
Konwersje koloru
- HEX
- #fff3d5
- RGB
- rgb(255 243 213)
- HSL
- hsl(43 100% 92%)
- HWB
- hwb(43 84% 0%)
- OKLCH
- oklch(0.966 0.041 88.8)
- OKLab
- oklab(0.966 0.001 0.041)
- CIE Lab
- lab(96.22 0.63 16.05)
- LCH
- lch(96.22 16.06 87.7)
- CMYK
- cmyk(0% 5% 16% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FFF4D9
- FFF5DE
- FFF7E2
- FFF8E6
- FFF9EA
- FFFAEE
- FFFBF3
- FFFDF7
- FFFEFB
Odcienie ciemniejsze
- DED3B9
- BEB49E
- 9E9783
- 807A6A
- 635E51
- 48443A
- 2E2B24
- 161410
- 030302
Tony
- F2E7CC
- E4DBC4
- D7CFBB
- CAC3B2
- BEB8AA
- B1ACA1
- A4A199
- 989691
- 8C8B88
Harmonie kolorów
Komplementarna +180°
- FFF3D5
Hazelwood
- EFF4FF
≈ Placebo Blue
Analogowa -30° +30°
- FFF3D5
Hazelwood
- FFF1E6
≈ Pico Ivory
- F0F8D9
≈ Pastoral
Triada +120° +240°
- FFF3D5
Hazelwood
- DDFAFF
≈ Glacial Day
- FFEDFD
≈ Lovely Euphoric Delight
Komplementarna rozszczepiona +150° +210°
- FFF3D5
Hazelwood
- E9F6FF
≈ Kodama White
- F5F1FF
≈ Cloud Break
Tetrada +90° +180° +270°
- FFF3D5
Hazelwood
- D7FDF4
≈ Candied Snow
- EFF4FF
≈ Placebo Blue
- FFEFF3
≈ Powder Puff
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.10:1 · APCA Lc 0
Ag
AAANa czerni
WCAG 19.03:1 · APCA Lc 100
Najlepszy kolor tekstu: #000000
WCAG 19.03:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--hazelwood: #fff3d5;
--hazelwood-rgb: 255 243 213;
--hazelwood-oklch: oklch(0.966 0.041 88.8);
}
.element {
color: var(--hazelwood);
background-color: hsl(43 100% 92%);
border-color: oklch(0.966 0.041 88.8);
}Tailwind CSS v4
@theme {
--color-hazelwood: #fff3d5;
--color-hazelwood-50: #f9f5e8;
--color-hazelwood-100: #ede8d9;
--color-hazelwood-200: #dbd4c1;
--color-hazelwood-300: #bfb7a0;
--color-hazelwood-400: #a89e83;
--color-hazelwood-500: #918567;
--color-hazelwood-600: #7b7158;
--color-hazelwood-700: #625a46;
--color-hazelwood-800: #494232;
--color-hazelwood-900: #322d22;
--color-hazelwood-950: #1e1a11;
}SCSS
$hazelwood: #fff3d5;
$hazelwood-rgb: 255, 243, 213;
$hazelwood-light: mix(#fff, $hazelwood, 20%);
$hazelwood-dark: mix(#000, $hazelwood, 20%);
.element {
color: $hazelwood;
box-shadow: 0 0 0 2px rgba($hazelwood, 0.35);
}