Adlandırılmış renk · #EEE96B
Limelight
Limelight, #EEE96B: rgb(238 233 107), hsl(58 79% 68%), oklch(0.914 0.147 106.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Limelight color name →
#EEE96B
oklch(0.914 0.147 106.9)
Renk dönüşümleri
- HEX
- #eee96b
- RGB
- rgb(238 233 107)
- HSL
- hsl(58 79% 68%)
- HWB
- hwb(58 42% 7%)
- OKLCH
- oklch(0.914 0.147 106.9)
- OKLab
- oklab(0.914 -0.043 0.141)
- CIE Lab
- lab(90.93 -9.9 60.5)
- LCH
- lch(90.93 61.3 99.3)
- CMYK
- cmyk(0% 2% 55% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EFEC7E
- F1EE8E
- F3F09E
- F4F3AD
- F6F5BB
- F8F7CA
- F9F9D7
- FBFBE5
- FDFDF2
Koyu tonlar
- CFCB5C
- B1AD4E
- 93903F
- 777432
- 5C5A25
- 424118
- 2A290D
- 141304
- 030300
Gri tonlar
- E2DE70
- D7D374
- CBC978
- C0BE7B
- B5B47D
- AAA97E
- 9F9F7F
- 959580
- 8A8A80
Renk uyumları
Tamamlayıcı +180°
- EEE96B
Limelight
- E0DFFF
≈ Stoic White
Analog -30° +30°
- EEE96B
Limelight
- FFDDAB
≈ Sarcoline
- B3F996
≈ Pale Light Green
Üçlü +120° +240°
- EEE96B
Limelight
- BDEBFF
≈ Blue Java Banana
- FFD5EA
≈ Pink Currant
Bölünmüş tamamlayıcı +150° +210°
- EEE96B
Limelight
- D1E4FF
≈ Veiling Waterfalls
- F4D6FF
≈ Lavender Savour
Dörtlü +90° +180° +270°
- EEE96B
Limelight
- 68FCFF
≈ Ancient Ice
- E0DFFF
≈ Stoic White
- FFD7D8
≈ We Peep
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.27:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.50:1 · APCA Lc 90
En iyi metin rengi: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--limelight: #eee96b;
--limelight-rgb: 238 233 107;
--limelight-oklch: oklch(0.914 0.147 106.9);
}
.element {
color: var(--limelight);
background-color: hsl(58 79% 68%);
border-color: oklch(0.914 0.147 106.9);
}Tailwind CSS v4
@theme {
--color-limelight: #eee96b;
--color-limelight-50: #f8f9c9;
--color-limelight-100: #ebedb4;
--color-limelight-200: #d9da8f;
--color-limelight-300: #bdbd5f;
--color-limelight-400: #a9a323;
--color-limelight-500: #938b00;
--color-limelight-600: #7c7500;
--color-limelight-700: #635e00;
--color-limelight-800: #4b4400;
--color-limelight-900: #342f00;
--color-limelight-950: #1f1b00;
}SCSS
$limelight: #eee96b;
$limelight-rgb: 238, 233, 107;
$limelight-light: mix(#fff, $limelight, 20%);
$limelight-dark: mix(#000, $limelight, 20%);
.element {
color: $limelight;
box-shadow: 0 0 0 2px rgba($limelight, 0.35);
}