Adlandırılmış renk · #EBA13C
Gilded Leaves
Gilded Leaves, #EBA13C: rgb(235 161 60), hsl(35 81% 58%), oklch(0.765 0.142 70.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? → · Gilded Leaves color name →
#EBA13C
oklch(0.765 0.142 70.6)
Renk dönüşümleri
- HEX
- #eba13c
- RGB
- rgb(235 161 60)
- HSL
- hsl(35 81% 58%)
- HWB
- hwb(35 24% 8%)
- OKLCH
- oklch(0.765 0.142 70.6)
- OKLab
- oklab(0.765 0.047 0.134)
- CIE Lab
- lab(72.43 22.11 61.19)
- LCH
- lch(72.43 65.07 70.1)
- CMYK
- cmyk(0% 31% 74% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEAB56
- F0B46C
- F3BE80
- F5C893
- F7D1A5
- F9DAB8
- FBE3CA
- FCEDDB
- FEF6ED
Koyu tonlar
- CC8B33
- AE762A
- 916221
- 754E19
- 5B3C11
- 412A0A
- 291904
- 130901
- 030100
Gri tonlar
- E09E48
- D59B52
- CB985A
- C09562
- B59268
- AB8E6E
- A08B73
- 958778
- 8B847C
Renk uyumları
Tamamlayıcı +180°
- EBA13C
Gilded Leaves
- 73B8FF
≈ French Sky Blue
Analog -30° +30°
- EBA13C
Gilded Leaves
- FE9169
≈ Pink Orange
- C7B435
≈ Warm Olive
Üçlü +120° +240°
- EBA13C
Gilded Leaves
- 00CDC6
≈ Blue Martina
- CF97F5
≈ Baby Purple
Bölünmüş tamamlayıcı +150° +210°
- EBA13C
Gilded Leaves
- 00C6F0
≈ Picnic Day Sky
- A4A9FF
≈ Shy Moment
Dörtlü +90° +180° +270°
- EBA13C
Gilded Leaves
- 4CCE94
≈ Vegetation
- 73B8FF
≈ French Sky Blue
- EE8CCE
≈ Blushed Bombshell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.16:1 · APCA Lc 42
Ag
AAASiyah üzerinde
WCAG 9.69:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.69:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
CSS
:root {
--gilded-leaves: #eba13c;
--gilded-leaves-rgb: 235 161 60;
--gilded-leaves-oklch: oklch(0.765 0.142 70.6);
}
.element {
color: var(--gilded-leaves);
background-color: hsl(35 81% 58%);
border-color: oklch(0.765 0.142 70.6);
}Tailwind CSS v4
@theme {
--color-gilded-leaves: #eba13c;
--color-gilded-leaves-50: #fff0c9;
--color-gilded-leaves-100: #ffe1b4;
--color-gilded-leaves-200: #facb90;
--color-gilded-leaves-300: #e4ab60;
--color-gilded-leaves-400: #d38e2d;
--color-gilded-leaves-500: #c07100;
--color-gilded-leaves-600: #a26000;
--color-gilded-leaves-700: #824d00;
--color-gilded-leaves-800: #613700;
--color-gilded-leaves-900: #442600;
--color-gilded-leaves-950: #2c1400;
}SCSS
$gilded-leaves: #eba13c;
$gilded-leaves-rgb: 235, 161, 60;
$gilded-leaves-light: mix(#fff, $gilded-leaves, 20%);
$gilded-leaves-dark: mix(#000, $gilded-leaves, 20%);
.element {
color: $gilded-leaves;
box-shadow: 0 0 0 2px rgba($gilded-leaves, 0.35);
}