Adlandırılmış renk · #ECC083
Eldar
Eldar, #ECC083: rgb(236 192 131), hsl(35 73% 72%), oklch(0.833 0.093 75). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Eldar color name →
#ECC083
oklch(0.833 0.093 75)
Renk dönüşümleri
- HEX
- #ecc083
- RGB
- rgb(236 192 131)
- HSL
- hsl(35 73% 72%)
- HWB
- hwb(35 51% 7%)
- OKLCH
- oklch(0.833 0.093 75)
- OKLab
- oklab(0.833 0.024 0.09)
- CIE Lab
- lab(80.64 10.6 36.94)
- LCH
- lch(80.64 38.43 74)
- CMYK
- cmyk(0% 19% 44% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEC690
- F0CD9D
- F2D3A9
- F4D9B6
- F6E0C2
- F8E6CE
- FAECDA
- FCF3E7
- FDF9F3
Koyu tonlar
- CDA771
- AF8E60
- 92764F
- 765F3F
- 5B492F
- 423420
- 292012
- 130E06
- 030201
Gri tonlar
- E1BA84
- D6B384
- CBAD84
- C0A684
- B5A084
- AA9983
- A09383
- 958D82
- 8A8681
Renk uyumları
Tamamlayıcı +180°
- ECC083
Eldar
- A3CBFF
≈ Night Snow
Analog -30° +30°
- ECC083
Eldar
- FCB596
≈ Island Girl
- D1CC84
≈ Yellow Endive
Üçlü +120° +240°
- ECC083
Eldar
- 79DBDB
≈ Andes Sky
- DFB6F2
≈ Pink Illusion
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.68:1 · APCA Lc 30
Ag
AAASiyah üzerinde
WCAG 12.43:1 · APCA Lc 73
En iyi metin rengi: #000000
WCAG 12.43:1 (AAA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--eldar: #ecc083;
--eldar-rgb: 236 192 131;
--eldar-oklch: oklch(0.833 0.093 75);
}
.element {
color: var(--eldar);
background-color: hsl(35 73% 72%);
border-color: oklch(0.833 0.093 75);
}Tailwind CSS v4
@theme {
--color-eldar: #ecc083;
--color-eldar-50: #fff2d8;
--color-eldar-100: #fae5c6;
--color-eldar-200: #ebd0a8;
--color-eldar-300: #d2b281;
--color-eldar-400: #bf975e;
--color-eldar-500: #aa7d38;
--color-eldar-600: #906a31;
--color-eldar-700: #735427;
--color-eldar-800: #563d1b;
--color-eldar-900: #3c2a11;
--color-eldar-950: #261704;
}SCSS
$eldar: #ecc083;
$eldar-rgb: 236, 192, 131;
$eldar-light: mix(#fff, $eldar, 20%);
$eldar-dark: mix(#000, $eldar, 20%);
.element {
color: $eldar;
box-shadow: 0 0 0 2px rgba($eldar, 0.35);
}