Adlandırılmış renk · #F2D6AE
Corn Husk
Corn Husk, #F2D6AE: rgb(242 214 174), hsl(35 72% 82%), oklch(0.89 0.061 76.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? → · Corn Husk color name →
#F2D6AE
oklch(0.89 0.061 76.6)
Renk dönüşümleri
- HEX
- #f2d6ae
- RGB
- rgb(242 214 174)
- HSL
- hsl(35 72% 82%)
- HWB
- hwb(35 68% 5%)
- OKLCH
- oklch(0.89 0.061 76.6)
- OKLab
- oklab(0.89 0.014 0.059)
- CIE Lab
- lab(87.26 5.74 23.59)
- LCH
- lch(87.26 24.28 76.3)
- CMYK
- cmyk(0% 12% 28% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F3DAB6
- F5DEBE
- F6E2C6
- F7E6CF
- F9EBD7
- FAEFDF
- FBF3E7
- FDF7EF
- FEFBF7
Koyu tonlar
- D2BA97
- B49E80
- 96846A
- 796A55
- 5E5241
- 433B2E
- 2B251C
- 14100B
- 030201
Gri tonlar
- E6CDAA
- DAC4A5
- CFBCA0
- C3B39C
- B8AA97
- ACA293
- A1998E
- 969189
- 8B8885
Renk uyumları
Tamamlayıcı +180°
- F2D6AE
Corn Husk
- C4DDFF
≈ Arc Light
Analog -30° +30°
- F2D6AE
Corn Husk
- FECFB9
≈ Ibis Pink
- DFDEAF
≈ Modern Zen
Üçlü +120° +240°
- F2D6AE
Corn Husk
- ABE8E8
≈ Cool Crayon
- EBCFF6
≈ Mousse aux Pruneaux
Bölünmüş tamamlayıcı +150° +210°
- F2D6AE
Corn Husk
- B0E4FA
≈ Frozen Landscape
- D7D6FF
≈ Pale Phthalo Blue
Dörtlü +90° +180° +270°
- F2D6AE
Corn Husk
- B5E8D2
≈ Woolly Mint
- C4DDFF
≈ Arc Light
- FACBE3
≈ Classic Rose
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.39:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.00:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 15.00:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--corn-husk: #f2d6ae;
--corn-husk-rgb: 242 214 174;
--corn-husk-oklch: oklch(0.89 0.061 76.6);
}
.element {
color: var(--corn-husk);
background-color: hsl(35 72% 82%);
border-color: oklch(0.89 0.061 76.6);
}Tailwind CSS v4
@theme {
--color-corn-husk: #f2d6ae;
--color-corn-husk-50: #fff4e2;
--color-corn-husk-100: #f3e6d2;
--color-corn-husk-200: #e3d2b8;
--color-corn-husk-300: #c9b495;
--color-corn-husk-400: #b39a76;
--color-corn-husk-500: #9d8157;
--color-corn-husk-600: #856d4b;
--color-corn-husk-700: #6b573b;
--color-corn-husk-800: #4f3f2a;
--color-corn-husk-900: #372c1c;
--color-corn-husk-950: #22190d;
}SCSS
$corn-husk: #f2d6ae;
$corn-husk-rgb: 242, 214, 174;
$corn-husk-light: mix(#fff, $corn-husk, 20%);
$corn-husk-dark: mix(#000, $corn-husk, 20%);
.element {
color: $corn-husk;
box-shadow: 0 0 0 2px rgba($corn-husk, 0.35);
}