Named color · #9DC209
New Limerick
New Limerick is #9DC209: rgb(157 194 9), hsl(72 91% 40%), oklch(0.759 0.184 122.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · New Limerick color name →
#9DC209
oklch(0.759 0.184 122.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- A6C93F
- B0CF5B
- B9D573
- C3DC89
- CCE29E
- D6E8B2
- E0EEC5
- EAF4D9
- F5F9EC
Shades
- 88A807
- 738F05
- 5F7703
- 4C6002
- 3A4901
- 283401
- 182000
- 090E00
- 010200
Tones
- 9ABC2E
- 97B540
- 94AF4D
- 91A857
- 8EA260
- 8B9B68
- 88946F
- 858E75
- 83877B
Color harmonies
Complementary +180°
- 9DC209
New Limerick
- C398FF
≈ Lilás
Analogous -30° +30°
- 9DC209
New Limerick
- D4AD00
≈ Burnt Yellow
- 30D175
≈ UFO Green
Triadic +120° +240°
- 9DC209
New Limerick
- 59BAFF
≈ Hello Summer
- FF83A8
≈ Informative Pink
Split-complementary +150° +210°
- 9DC209
New Limerick
- 96ABFF
≈ Widowmaker
- F380E3
≈ Splash of Grenadine
Tetradic +90° +180° +270°
- 9DC209
New Limerick
- 00C6E2
≈ Caribbean Blue
- C398FF
≈ Lilás
- FF8C74
≈ Alexandria
Contrast & accessibility
Ag
FailOn white
WCAG 2.06:1 · APCA Lc 40
Ag
AAAOn black
WCAG 10.15:1 · APCA Lc 62
Best text color: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Code snippets
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);
}