En yakın adlandırılmış renk · #FFF3D6
#FFF3D6
En yakın adlandırılmış renk: Hazelwood
#FFF3D6 (rgb(255 243 214), hsl(42 100% 92%), oklch(0.966 0.04 88.2)) en çok Hazelwood adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FFF3D6
oklch(0.966 0.04 88.2)
Renk dönüşümleri
- HEX
- #fff3d6
- RGB
- rgb(255 243 214)
- HSL
- hsl(42 100% 92%)
- HWB
- hwb(42 84% 0%)
- OKLCH
- oklch(0.966 0.04 88.2)
- OKLab
- oklab(0.966 0.001 0.04)
- CIE Lab
- lab(96.24 0.74 15.57)
- LCH
- lch(96.24 15.58 87.3)
- CMYK
- cmyk(0% 5% 16% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFF4DA
- FFF5DE
- FFF7E2
- FFF8E7
- FFF9EB
- FFFAEF
- FFFBF3
- FFFDF7
- FFFEFB
Koyu tonlar
- DED3BA
- BEB49E
- 9E9784
- 807A6A
- 635E52
- 48443B
- 2E2B25
- 161410
- 030302
Gri tonlar
- F2E7CD
- E4DBC4
- D7CFBC
- CAC3B3
- BEB8AA
- B1ACA2
- A4A199
- 989691
- 8C8B88
Renk uyumları
Tamamlayıcı +180°
- FFF3D6
Hazelwood
- EFF4FF
≈ Placebo Blue
Analog -30° +30°
- FFF3D6
Hazelwood
- FFF1E7
≈ Pico Ivory
- F1F8DA
≈ Sprig of Sage
Üçlü +120° +240°
- FFF3D6
Hazelwood
- DDFAFF
≈ Glacial Day
- FFEEFE
≈ Lovely Euphoric Delight
Bölünmüş tamamlayıcı +150° +210°
- FFF3D6
Hazelwood
- E9F6FF
≈ Kodama White
- F5F1FF
≈ Cloud Break
Dörtlü +90° +180° +270°
- FFF3D6
Hazelwood
- D8FDF4
≈ Candied Snow
- EFF4FF
≈ Placebo Blue
- FFEFF4
≈ Powder Puff
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.10:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.04:1 · APCA Lc 100
En iyi metin rengi: #000000
WCAG 19.04:1 (AAA) · APCA Lc 100
Contrast pairs
Kod parçacıkları
CSS
:root {
--hazelwood: #fff3d6;
--hazelwood-rgb: 255 243 214;
--hazelwood-oklch: oklch(0.966 0.04 88.2);
}
.element {
color: var(--hazelwood);
background-color: hsl(42 100% 92%);
border-color: oklch(0.966 0.04 88.2);
}Tailwind CSS v4
@theme {
--color-hazelwood: #fff3d6;
--color-hazelwood-50: #f9f5e9;
--color-hazelwood-100: #ede8d9;
--color-hazelwood-200: #dbd4c1;
--color-hazelwood-300: #bfb7a1;
--color-hazelwood-400: #a89e84;
--color-hazelwood-500: #918568;
--color-hazelwood-600: #7b7158;
--color-hazelwood-700: #625a46;
--color-hazelwood-800: #484233;
--color-hazelwood-900: #322d22;
--color-hazelwood-950: #1e1a12;
}SCSS
$hazelwood: #fff3d6;
$hazelwood-rgb: 255, 243, 214;
$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);
}