Adlandırılmış renk · #EAA601
Illuminate Me
Illuminate Me, #EAA601: rgb(234 166 1), hsl(42 99% 46%), oklch(0.77 0.16 79.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Illuminate Me color name →
#EAA601
oklch(0.77 0.16 79.1)
Renk dönüşümleri
- HEX
- #eaa601
- RGB
- rgb(234 166 1)
- HSL
- hsl(42 99% 46%)
- HWB
- hwb(42 0% 8%)
- OKLCH
- oklch(0.77 0.16 79.1)
- OKLab
- oklab(0.77 0.03 0.157)
- CIE Lab
- lab(73.31 18.23 76.12)
- LCH
- lch(73.31 78.28 76.5)
- CMYK
- cmyk(0% 29% 100% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EDAF3D
- EFB95A
- F1C272
- F4CB88
- F6D49D
- F8DDB1
- FAE5C5
- FCEED8
- FDF6EC
Koyu tonlar
- CB9001
- AE7A01
- 916500
- 755100
- 5A3E00
- 412B00
- 291A00
- 130A00
- 030100
Gri tonlar
- DFA32C
- D49F3E
- CA9C4C
- BF9857
- B59460
- AA9068
- 9F8D6F
- 958875
- 8A847B
Renk uyumları
Tamamlayıcı +180°
- EAA601
Illuminate Me
- 86B5FF
≈ Parakeet Blue
Analog -30° +30°
- EAA601
Illuminate Me
- FF9558
≈ Rainbow Trout
- BDBC20
≈ Spring Forward
Üçlü +120° +240°
- EAA601
Illuminate Me
- 00CDD4
≈ Jade Glass
- E091F4
≈ Bright Lilac
Bölünmüş tamamlayıcı +150° +210°
- EAA601
Illuminate Me
- 1AC5FF
≈ Shovel Knight
- B2A6FF
≈ Shy Moment
Dörtlü +90° +180° +270°
- EAA601
Illuminate Me
- 00D3A3
≈ Wild Caribbean Green
- 86B5FF
≈ Parakeet Blue
- FD86C4
≈ Pink Orchid Mantis
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.10:1 · APCA Lc 41
Ag
AAASiyah üzerinde
WCAG 9.95:1 · APCA Lc 61
En iyi metin rengi: #000000
WCAG 9.95:1 (AAA) · APCA Lc 61
Contrast pairs
Kod parçacıkları
CSS
:root {
--illuminate-me: #eaa601;
--illuminate-me-rgb: 234 166 1;
--illuminate-me-oklch: oklch(0.77 0.16 79.1);
}
.element {
color: var(--illuminate-me);
background-color: hsl(42 99% 46%);
border-color: oklch(0.77 0.16 79.1);
}Tailwind CSS v4
@theme {
--color-illuminate-me: #eaa601;
--color-illuminate-me-50: #fff1c2;
--color-illuminate-me-100: #ffe3ab;
--color-illuminate-me-200: #f7cd83;
--color-illuminate-me-300: #e1ae4d;
--color-illuminate-me-400: #d09100;
--color-illuminate-me-500: #bd7400;
--color-illuminate-me-600: #a06300;
--color-illuminate-me-700: #804f00;
--color-illuminate-me-800: #603800;
--color-illuminate-me-900: #442700;
--color-illuminate-me-950: #2b1400;
}SCSS
$illuminate-me: #eaa601;
$illuminate-me-rgb: 234, 166, 1;
$illuminate-me-light: mix(#fff, $illuminate-me, 20%);
$illuminate-me-dark: mix(#000, $illuminate-me, 20%);
.element {
color: $illuminate-me;
box-shadow: 0 0 0 2px rgba($illuminate-me, 0.35);
}