Colore con nome · #9CEF43
Kiwi Pulp
Kiwi Pulp è #9CEF43: rgb(156 239 67), hsl(89 84% 60%), oklch(0.867 0.214 132.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Kiwi Pulp color name →
#9CEF43
oklch(0.867 0.214 132.1)
Conversioni di colore
- HEX
- #9cef43
- RGB
- rgb(156 239 67)
- HSL
- hsl(89 84% 60%)
- HWB
- hwb(89 26% 6%)
- OKLCH
- oklch(0.867 0.214 132.1)
- OKLab
- oklab(0.867 -0.144 0.159)
- CIE Lab
- lab(86.81 -45.38 69.65)
- LCH
- lch(86.81 83.13 123.1)
- CMYK
- cmyk(35% 0% 72% 6%)
Tinte · Ombre · Toni
Tinte
- A6F15F
- B1F376
- BBF58A
- C5F79C
- CFF9AE
- D8FABF
- E2FCCF
- ECFDDF
- F5FEEF
Ombre
- 87D039
- 73B12F
- 5F9426
- 4C781D
- 395C14
- 28420C
- 182A05
- 091401
- 010300
Toni
- 9AE451
- 97D95B
- 95CD63
- 92C26A
- 8FB76F
- 8DAC74
- 8AA178
- 87967B
- 838B7E
Armonie di colore
Complementare +180°
- 9CEF43
Kiwi Pulp
- E8C3FF
≈ Jane Purple
Analogo -30° +30°
- 9CEF43
Kiwi Pulp
- ECD600
≈ The End Is Beer
- 00F9AD
≈ Greenish Turquoise
Triadico +120° +240°
- 9CEF43
Kiwi Pulp
- B4D7FF
≈ Malmö FF
- FFC0C7
≈ Piglet
Complementare divisa +150° +210°
- 9CEF43
Kiwi Pulp
- CCCFFF
≈ Lavender Blue
- FFBBE5
≈ Bubblegum Heart
Tetradico +90° +180° +270°
- 9CEF43
Kiwi Pulp
- 8CE1FF
≈ Tranquil Pool
- E8C3FF
≈ Jane Purple
- FFC4AD
≈ Gadabout
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASu nero
WCAG 14.84:1 · APCA Lc 84
Miglior colore del testo: #000000
WCAG 14.84:1 (AAA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--kiwi-pulp: #9cef43;
--kiwi-pulp-rgb: 156 239 67;
--kiwi-pulp-oklch: oklch(0.867 0.214 132.1);
}
.element {
color: var(--kiwi-pulp);
background-color: hsl(89 84% 60%);
border-color: oklch(0.867 0.214 132.1);
}Tailwind CSS v4
@theme {
--color-kiwi-pulp: #9cef43;
--color-kiwi-pulp-50: #dcffc5;
--color-kiwi-pulp-100: #caf8af;
--color-kiwi-pulp-200: #aee888;
--color-kiwi-pulp-300: #88ce54;
--color-kiwi-pulp-400: #6bb600;
--color-kiwi-pulp-500: #489f00;
--color-kiwi-pulp-600: #3e8700;
--color-kiwi-pulp-700: #316c00;
--color-kiwi-pulp-800: #274f00;
--color-kiwi-pulp-900: #1a3700;
--color-kiwi-pulp-950: #0b2100;
}SCSS
$kiwi-pulp: #9cef43;
$kiwi-pulp-rgb: 156, 239, 67;
$kiwi-pulp-light: mix(#fff, $kiwi-pulp, 20%);
$kiwi-pulp-dark: mix(#000, $kiwi-pulp, 20%);
.element {
color: $kiwi-pulp;
box-shadow: 0 0 0 2px rgba($kiwi-pulp, 0.35);
}