Adlandırılmış renk · #F1E3C7
Straw-Bale
Straw-Bale, #F1E3C7: rgb(241 227 199), hsl(40 60% 86%), oklch(0.92 0.04 84.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Straw-Bale color name →
#F1E3C7
oklch(0.92 0.04 84.6)
Renk dönüşümleri
- HEX
- #f1e3c7
- RGB
- rgb(241 227 199)
- HSL
- hsl(40 60% 86%)
- HWB
- hwb(40 78% 5%)
- OKLCH
- oklch(0.92 0.04 84.6)
- OKLab
- oklab(0.92 0.004 0.04)
- CIE Lab
- lab(90.83 1.63 15.54)
- LCH
- lch(90.83 15.63 84)
- CMYK
- cmyk(0% 6% 17% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2E6CD
- F4E9D2
- F5EBD8
- F7EEDD
- F8F1E3
- F9F4E9
- FBF7EE
- FCF9F4
- FEFCF9
Koyu tonlar
- D2C5AD
- B3A893
- 958C7A
- 797162
- 5D574C
- 433F36
- 2B2721
- 14120E
- 030302
Gri tonlar
- E5D9C0
- D9CEB8
- CEC4B1
- C2BAAA
- B7B0A3
- ACA69C
- A19D95
- 96938E
- 8B8987
Renk uyumları
Tamamlayıcı +180°
- F1E3C7
Straw-Bale
- D8E5FF
≈ Veiling Waterfalls
Analog -30° +30°
- F1E3C7
Straw-Bale
- FBDECC
≈ Shironeri Silk
- E3E8CA
≈ Sunny Summit
Üçlü +120° +240°
- F1E3C7
Straw-Bale
- C7EDF1
≈ Icy Breeze
- F3DCF4
≈ Grape Taffy
Bölünmüş tamamlayıcı +150° +210°
- F1E3C7
Straw-Bale
- CCEAFC
≈ Frosty Day
- E6E0FD
≈ Stoic White
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.26:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.55:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.55:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--straw-bale: #f1e3c7;
--straw-bale-rgb: 241 227 199;
--straw-bale-oklch: oklch(0.92 0.04 84.6);
}
.element {
color: var(--straw-bale);
background-color: hsl(40 60% 86%);
border-color: oklch(0.92 0.04 84.6);
}Tailwind CSS v4
@theme {
--color-straw-bale: #f1e3c7;
--color-straw-bale-50: #faf5e9;
--color-straw-bale-100: #eee7d9;
--color-straw-bale-200: #dcd3c1;
--color-straw-bale-300: #c0b6a1;
--color-straw-bale-400: #a99d84;
--color-straw-bale-500: #938468;
--color-straw-bale-600: #7c7058;
--color-straw-bale-700: #635a46;
--color-straw-bale-800: #494133;
--color-straw-bale-900: #332d22;
--color-straw-bale-950: #1e1a12;
}SCSS
$straw-bale: #f1e3c7;
$straw-bale-rgb: 241, 227, 199;
$straw-bale-light: mix(#fff, $straw-bale, 20%);
$straw-bale-dark: mix(#000, $straw-bale, 20%);
.element {
color: $straw-bale;
box-shadow: 0 0 0 2px rgba($straw-bale, 0.35);
}