Adlandırılmış renk · #E2AC6E
Montana Wheat Field
Montana Wheat Field, #E2AC6E: rgb(226 172 110), hsl(32 67% 66%), oklch(0.781 0.101 69.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Montana Wheat Field color name →
#E2AC6E
oklch(0.781 0.101 69.3)
Renk dönüşümleri
- HEX
- #e2ac6e
- RGB
- rgb(226 172 110)
- HSL
- hsl(32 67% 66%)
- HWB
- hwb(32 43% 11%)
- OKLCH
- oklch(0.781 0.101 69.3)
- OKLab
- oklab(0.781 0.036 0.095)
- CIE Lab
- lab(74.47 15.14 39.75)
- LCH
- lch(74.47 42.53 69.2)
- CMYK
- cmyk(0% 24% 51% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E5B47D
- E8BD8C
- ECC59B
- EFCDA9
- F2D6B8
- F4DEC6
- F7E6D4
- FAEEE2
- FCF7F1
Koyu tonlar
- C4955F
- A87F50
- 8C6941
- 715433
- 574026
- 3E2D19
- 271B0E
- 120B04
- 030101
Gri tonlar
- D8A871
- CEA374
- C49F76
- BA9B78
- B1967A
- A7927B
- 9D8E7D
- 93897E
- 8A857F
Renk uyumları
Tamamlayıcı +180°
- E2AC6E
Montana Wheat Field
- 84BDF6
≈ Electric Eel
Analog -30° +30°
- E2AC6E
Montana Wheat Field
- F0A187
≈ Stone Fruit
- C7B96A
≈ Secret Safari
Üçlü +120° +240°
- E2AC6E
Montana Wheat Field
- 5FCDC5
≈ Setting Sail
- CBA6E9
≈ Tropical Violet
Bölünmüş tamamlayıcı +150° +210°
- E2AC6E
Montana Wheat Field
- 64C7E4
≈ Candid Blue
- AAB1F8
≈ Wondrous Wisteria
Dörtlü +90° +180° +270°
- E2AC6E
Montana Wheat Field
- 7CCCA1
≈ Crystal Gem
- 84BDF6
≈ Electric Eel
- E39ECD
≈ Exotic Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.02:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.35:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.35:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--montana-wheat-field: #e2ac6e;
--montana-wheat-field-rgb: 226 172 110;
--montana-wheat-field-oklch: oklch(0.781 0.101 69.3);
}
.element {
color: var(--montana-wheat-field);
background-color: hsl(32 67% 66%);
border-color: oklch(0.781 0.101 69.3);
}Tailwind CSS v4
@theme {
--color-montana-wheat-field: #e2ac6e;
--color-montana-wheat-field-50: #fff1d6;
--color-montana-wheat-field-100: #fee3c4;
--color-montana-wheat-field-200: #f0cea5;
--color-montana-wheat-field-300: #d8af7e;
--color-montana-wheat-field-400: #c59359;
--color-montana-wheat-field-500: #b17931;
--color-montana-wheat-field-600: #96662b;
--color-montana-wheat-field-700: #785222;
--color-montana-wheat-field-800: #5a3b18;
--color-montana-wheat-field-900: #3f280f;
--color-montana-wheat-field-950: #281603;
}SCSS
$montana-wheat-field: #e2ac6e;
$montana-wheat-field-rgb: 226, 172, 110;
$montana-wheat-field-light: mix(#fff, $montana-wheat-field, 20%);
$montana-wheat-field-dark: mix(#000, $montana-wheat-field, 20%);
.element {
color: $montana-wheat-field;
box-shadow: 0 0 0 2px rgba($montana-wheat-field, 0.35);
}