Adlandırılmış renk · #EB9724
Uplifting Yellow
Uplifting Yellow, #EB9724: rgb(235 151 36), hsl(35 83% 53%), oklch(0.745 0.154 67.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Uplifting Yellow color name →
#EB9724
oklch(0.745 0.154 67.9)
Renk dönüşümleri
- HEX
- #eb9724
- RGB
- rgb(235 151 36)
- HSL
- hsl(35 83% 53%)
- HWB
- hwb(35 14% 8%)
- OKLCH
- oklch(0.745 0.154 67.9)
- OKLab
- oklab(0.745 0.058 0.142)
- CIE Lab
- lab(70.02 26.58 67.61)
- LCH
- lch(70.02 72.64 68.5)
- CMYK
- cmyk(0% 36% 85% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EEA246
- F1AD60
- F3B776
- F5C28B
- F7CC9F
- F9D6B2
- FBE1C6
- FDEBD9
- FEF5EC
Koyu tonlar
- CC831E
- AE6F18
- 915C12
- 75490C
- 5B3707
- 412604
- 291702
- 130800
- 030100
Gri tonlar
- E09538
- D69345
- CB9250
- C08F5A
- B68D62
- AB8B69
- A0886F
- 968675
- 8B837B
Renk uyumları
Tamamlayıcı +180°
- EB9724
Uplifting Yellow
- 5EB3FF
≈ Tiān Lán Sky
Analog -30° +30°
- EB9724
Uplifting Yellow
- FD8661
≈ Pink Fire
- C7AC01
≈ Hot Sand
Üçlü +120° +240°
- EB9724
Uplifting Yellow
- 00C6BB
≈ Swimmers Pool
- C790F7
≈ Liliac
Bölünmüş tamamlayıcı +150° +210°
- EB9724
Uplifting Yellow
- 00C0E4
≈ Blue Raspberry
- 99A3FF
≈ Widowmaker
Dörtlü +90° +180° +270°
- EB9724
Uplifting Yellow
- 3DC986
≈ Magical Malachite
- 5EB3FF
≈ Tiān Lán Sky
- E983CE
≈ Blushed Bombshell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.33:1 · APCA Lc 46
Ag
AAASiyah üzerinde
WCAG 8.98:1 · APCA Lc 56
En iyi metin rengi: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
Kod parçacıkları
CSS
:root {
--uplifting-yellow: #eb9724;
--uplifting-yellow-rgb: 235 151 36;
--uplifting-yellow-oklch: oklch(0.745 0.154 67.9);
}
.element {
color: var(--uplifting-yellow);
background-color: hsl(35 83% 53%);
border-color: oklch(0.745 0.154 67.9);
}Tailwind CSS v4
@theme {
--color-uplifting-yellow: #eb9724;
--color-uplifting-yellow-50: #ffeec6;
--color-uplifting-yellow-100: #ffe0b0;
--color-uplifting-yellow-200: #ffc98b;
--color-uplifting-yellow-300: #eaa959;
--color-uplifting-yellow-400: #d98a1d;
--color-uplifting-yellow-500: #c66d00;
--color-uplifting-yellow-600: #a75c00;
--color-uplifting-yellow-700: #864a00;
--color-uplifting-yellow-800: #653400;
--color-uplifting-yellow-900: #472400;
--color-uplifting-yellow-950: #2e1200;
}SCSS
$uplifting-yellow: #eb9724;
$uplifting-yellow-rgb: 235, 151, 36;
$uplifting-yellow-light: mix(#fff, $uplifting-yellow, 20%);
$uplifting-yellow-dark: mix(#000, $uplifting-yellow, 20%);
.element {
color: $uplifting-yellow;
box-shadow: 0 0 0 2px rgba($uplifting-yellow, 0.35);
}