Adlandırılmış renk · #E3A857
Indian Yellow
Indian Yellow, #E3A857: rgb(227 168 87), hsl(35 71% 62%), oklch(0.771 0.12 73). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Indian Yellow color name →
#E3A857
oklch(0.771 0.12 73)
Renk dönüşümleri
- HEX
- #e3a857
- RGB
- rgb(227 168 87)
- HSL
- hsl(35 71% 62%)
- HWB
- hwb(35 34% 11%)
- OKLCH
- oklch(0.771 0.12 73)
- OKLab
- oklab(0.771 0.035 0.115)
- CIE Lab
- lab(73.38 16.29 49.87)
- LCH
- lch(73.38 52.47 71.9)
- CMYK
- cmyk(0% 26% 62% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E6B16A
- E9BA7C
- ECC28D
- EFCB9E
- F2D4AE
- F5DDBE
- F8E5CF
- FAEEDF
- FDF6EF
Koyu tonlar
- C5924B
- A87C3E
- 8C6733
- 715227
- 573F1C
- 3F2C12
- 271A08
- 120A03
- 030100
Gri tonlar
- D9A45E
- CFA063
- C59D68
- BB996D
- B19571
- A79174
- 9D8D78
- 94887B
- 8A847E
Renk uyumları
Tamamlayıcı +180°
- E3A857
Indian Yellow
- 7CB9FF
≈ Cooler Than Ever
Analog -30° +30°
- E3A857
Indian Yellow
- F59A75
≈ Orange Pecan
- C3B856
≈ Parachute
Üçlü +120° +240°
- E3A857
Indian Yellow
- 38CCCA
≈ Mermaid Net
- CF9EEB
≈ Bright Ube
Bölünmüş tamamlayıcı +150° +210°
- E3A857
Indian Yellow
- 4AC5EC
≈ Clean Pool
- AAAAFF
≈ Shy Moment
Dörtlü +90° +180° +270°
- E3A857
Indian Yellow
- 62CD9F
≈ Vegetation
- 7CB9FF
≈ Cooler Than Ever
- EA95C9
≈ Blossoms in Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.09:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 10.00:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--indian-yellow: #e3a857;
--indian-yellow-rgb: 227 168 87;
--indian-yellow-oklch: oklch(0.771 0.12 73);
}
.element {
color: var(--indian-yellow);
background-color: hsl(35 71% 62%);
border-color: oklch(0.771 0.12 73);
}Tailwind CSS v4
@theme {
--color-indian-yellow: #e3a857;
--color-indian-yellow-50: #fff1d0;
--color-indian-yellow-100: #ffe3bc;
--color-indian-yellow-200: #f3ce9b;
--color-indian-yellow-300: #dcaf70;
--color-indian-yellow-400: #c99246;
--color-indian-yellow-500: #b57700;
--color-indian-yellow-600: #99650a;
--color-indian-yellow-700: #7b510a;
--color-indian-yellow-800: #5c3a06;
--color-indian-yellow-900: #402804;
--color-indian-yellow-950: #291600;
}SCSS
$indian-yellow: #e3a857;
$indian-yellow-rgb: 227, 168, 87;
$indian-yellow-light: mix(#fff, $indian-yellow, 20%);
$indian-yellow-dark: mix(#000, $indian-yellow, 20%);
.element {
color: $indian-yellow;
box-shadow: 0 0 0 2px rgba($indian-yellow, 0.35);
}