이름 색상 · #EEE96B
Limelight
Limelight은(는) #EEE96B: rgb(238 233 107), hsl(58 79% 68%), oklch(0.914 0.147 106.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Limelight color name →
#EEE96B
oklch(0.914 0.147 106.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- EFEC7E
- F1EE8E
- F3F09E
- F4F3AD
- F6F5BB
- F8F7CA
- F9F9D7
- FBFBE5
- FDFDF2
셰이드
- CFCB5C
- B1AD4E
- 93903F
- 777432
- 5C5A25
- 424118
- 2A290D
- 141304
- 030300
톤
- E2DE70
- D7D374
- CBC978
- C0BE7B
- B5B47D
- AAA97E
- 9F9F7F
- 959580
- 8A8A80
색 조화
보색 +180°
- EEE96B
Limelight
- E0DFFF
≈ Stoic White
유사색 -30° +30°
- EEE96B
Limelight
- FFDDAB
≈ Sarcoline
- B3F996
≈ Pale Light Green
삼각 배색 +120° +240°
- EEE96B
Limelight
- BDEBFF
≈ Blue Java Banana
- FFD5EA
≈ Pink Currant
분열 보색 +150° +210°
- EEE96B
Limelight
- D1E4FF
≈ Veiling Waterfalls
- F4D6FF
≈ Lavender Savour
사각 배색 +90° +180° +270°
- EEE96B
Limelight
- 68FCFF
≈ Ancient Ice
- E0DFFF
≈ Stoic White
- FFD7D8
≈ We Peep
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.27:1 · APCA Lc 13
Ag
AAA검은색 위
WCAG 16.50:1 · APCA Lc 90
가장 좋은 글자색: #000000
WCAG 16.50:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
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);
}