이름 색상 · #9DC209
New Limerick
New Limerick은(는) #9DC209: rgb(157 194 9), hsl(72 91% 40%), oklch(0.759 0.184 122.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · New Limerick color name →
#9DC209
oklch(0.759 0.184 122.4)
색상 변환
- HEX
- #9dc209
- RGB
- rgb(157 194 9)
- HSL
- hsl(72 91% 40%)
- HWB
- hwb(72 4% 24%)
- OKLCH
- oklch(0.759 0.184 122.4)
- OKLab
- oklab(0.759 -0.098 0.155)
- CIE Lab
- lab(73.67 -28.09 71.58)
- LCH
- lch(73.67 76.9 111.4)
- CMYK
- cmyk(19% 0% 95% 24%)
틴트 · 셰이드 · 톤
틴트
- A6C93F
- B0CF5B
- B9D573
- C3DC89
- CCE29E
- D6E8B2
- E0EEC5
- EAF4D9
- F5F9EC
셰이드
- 88A807
- 738F05
- 5F7703
- 4C6002
- 3A4901
- 283401
- 182000
- 090E00
- 010200
톤
- 9ABC2E
- 97B540
- 94AF4D
- 91A857
- 8EA260
- 8B9B68
- 88946F
- 858E75
- 83877B
색 조화
보색 +180°
- 9DC209
New Limerick
- C398FF
≈ Lilás
유사색 -30° +30°
- 9DC209
New Limerick
- D4AD00
≈ Burnt Yellow
- 30D175
≈ UFO Green
삼각 배색 +120° +240°
- 9DC209
New Limerick
- 59BAFF
≈ Hello Summer
- FF83A8
≈ Informative Pink
분열 보색 +150° +210°
- 9DC209
New Limerick
- 96ABFF
≈ Widowmaker
- F380E3
≈ Splash of Grenadine
사각 배색 +90° +180° +270°
- 9DC209
New Limerick
- 00C6E2
≈ Caribbean Blue
- C398FF
≈ Lilás
- FF8C74
≈ Alexandria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.15:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--new-limerick: #9dc209;
--new-limerick-rgb: 157 194 9;
--new-limerick-oklch: oklch(0.759 0.184 122.4);
}
.element {
color: var(--new-limerick);
background-color: hsl(72 91% 40%);
border-color: oklch(0.759 0.184 122.4);
}Tailwind CSS v4
@theme {
--color-new-limerick: #9dc209;
--color-new-limerick-50: #e9ffc5;
--color-new-limerick-100: #daf3af;
--color-new-limerick-200: #c3e289;
--color-new-limerick-300: #a3c756;
--color-new-limerick-400: #8cae00;
--color-new-limerick-500: #729600;
--color-new-limerick-600: #617f00;
--color-new-limerick-700: #4d6600;
--color-new-limerick-800: #3b4a00;
--color-new-limerick-900: #283400;
--color-new-limerick-950: #161f00;
}SCSS
$new-limerick: #9dc209;
$new-limerick-rgb: 157, 194, 9;
$new-limerick-light: mix(#fff, $new-limerick, 20%);
$new-limerick-dark: mix(#000, $new-limerick, 20%);
.element {
color: $new-limerick;
box-shadow: 0 0 0 2px rgba($new-limerick, 0.35);
}