Colore con nome · #9DC209
New Limerick
New Limerick è #9DC209: rgb(157 194 9), hsl(72 91% 40%), oklch(0.759 0.184 122.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · New Limerick color name →
#9DC209
oklch(0.759 0.184 122.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- A6C93F
- B0CF5B
- B9D573
- C3DC89
- CCE29E
- D6E8B2
- E0EEC5
- EAF4D9
- F5F9EC
Ombre
- 88A807
- 738F05
- 5F7703
- 4C6002
- 3A4901
- 283401
- 182000
- 090E00
- 010200
Toni
- 9ABC2E
- 97B540
- 94AF4D
- 91A857
- 8EA260
- 8B9B68
- 88946F
- 858E75
- 83877B
Armonie di colore
Complementare +180°
- 9DC209
New Limerick
- C398FF
≈ Lilás
Analogo -30° +30°
- 9DC209
New Limerick
- D4AD00
≈ Burnt Yellow
- 30D175
≈ UFO Green
Triadico +120° +240°
- 9DC209
New Limerick
- 59BAFF
≈ Hello Summer
- FF83A8
≈ Informative Pink
Complementare divisa +150° +210°
- 9DC209
New Limerick
- 96ABFF
≈ Widowmaker
- F380E3
≈ Splash of Grenadine
Tetradico +90° +180° +270°
- 9DC209
New Limerick
- 00C6E2
≈ Caribbean Blue
- C398FF
≈ Lilás
- FF8C74
≈ Alexandria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.15:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
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);
}