Colore con nome · #7DC734
Niblet Green
Niblet Green è #7DC734: rgb(125 199 52), hsl(90 59% 49%), oklch(0.753 0.19 132.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Niblet Green color name →
#7DC734
oklch(0.753 0.19 132.9)
Conversioni di colore
- HEX
- #7dc734
- RGB
- rgb(125 199 52)
- HSL
- hsl(90 59% 49%)
- HWB
- hwb(90 20% 22%)
- OKLCH
- oklch(0.753 0.19 132.9)
- OKLab
- oklab(0.753 -0.129 0.139)
- CIE Lab
- lab(73.36 -41.07 61.12)
- LCH
- lch(73.36 73.64 123.9)
- CMYK
- cmyk(37% 0% 74% 22%)
Tinte · Ombre · Toni
Tinte
- 8ACD51
- 97D368
- A4D97D
- B1DF91
- BEE4A4
- CBEAB6
- D8EFC9
- E5F5DB
- F2FAED
Ombre
- 6CAD2C
- 5B9324
- 4B7A1C
- 3B6215
- 2C4C0E
- 1E3607
- 112103
- 050E01
- 010200
Toni
- 7EC043
- 7FB94E
- 7FB257
- 80AB5F
- 80A466
- 819D6D
- 819672
- 818F77
- 80877C
Armonie di colore
Complementare +180°
- 7DC734
Niblet Green
- D689FF
≈ Lavender Tea
Analogo -30° +30°
- 7DC734
Niblet Green
- C2B200
≈ Brownish Yellow
- 00CE90
≈ Retro Lime
Triadico +120° +240°
- 7DC734
Niblet Green
- 71B3FF
≈ French Sky Blue
- FF8394
≈ Camaron Pink
Complementare divisa +150° +210°
- 7DC734
Niblet Green
- A4A3FF
≈ Shy Moment
- FE77CE
≈ Nervous Neon Pink
Tetradico +90° +180° +270°
- 7DC734
Niblet Green
- 00C1EF
≈ Blue Raspberry
- D689FF
≈ Lavender Tea
- FF8A59
≈ Mango Orange
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.08:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.09:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.09:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--niblet-green: #7dc734;
--niblet-green-rgb: 125 199 52;
--niblet-green-oklch: oklch(0.753 0.19 132.9);
}
.element {
color: var(--niblet-green);
background-color: hsl(90 59% 49%);
border-color: oklch(0.753 0.19 132.9);
}Tailwind CSS v4
@theme {
--color-niblet-green: #7dc734;
--color-niblet-green-50: #deffcb;
--color-niblet-green-100: #cdf7b7;
--color-niblet-green-200: #b1e793;
--color-niblet-green-300: #8ccd65;
--color-niblet-green-400: #70b529;
--color-niblet-green-500: #4e9e00;
--color-niblet-green-600: #438500;
--color-niblet-green-700: #356b00;
--color-niblet-green-800: #294e00;
--color-niblet-green-900: #1c3600;
--color-niblet-green-950: #0c2100;
}SCSS
$niblet-green: #7dc734;
$niblet-green-rgb: 125, 199, 52;
$niblet-green-light: mix(#fff, $niblet-green, 20%);
$niblet-green-dark: mix(#000, $niblet-green, 20%);
.element {
color: $niblet-green;
box-shadow: 0 0 0 2px rgba($niblet-green, 0.35);
}