Colore con nome · #16F12D
Dangerously Green
Dangerously Green è #16F12D: rgb(22 241 45), hsl(126 89% 52%), oklch(0.832 0.272 143.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Dangerously Green color name →
#16F12D
oklch(0.832 0.272 143.3)
Conversioni di colore
- HEX
- #16f12d
- RGB
- rgb(22 241 45)
- HSL
- hsl(126 89% 52%)
- HWB
- hwb(126 9% 5%)
- OKLCH
- oklch(0.832 0.272 143.3)
- OKLab
- oklab(0.832 -0.218 0.162)
- CIE Lab
- lab(83.65 -74.22 71.45)
- LCH
- lch(83.65 103.02 136.1)
- CMYK
- cmyk(91% 0% 81% 5%)
Tinte · Ombre · Toni
Tinte
- 4DF351
- 6BF66B
- 83F881
- 98F995
- ACFBA8
- BEFCBA
- CFFDCC
- DFFEDD
- EFFFEE
Ombre
- 12D226
- 0DB31F
- 099518
- 067911
- 035D0B
- 024306
- 012B02
- 001401
- 000300
Toni
- 3BE641
- 4EDB4F
- 5BCF5A
- 64C462
- 6CB969
- 72AE6F
- 77A275
- 7B9779
- 7E8C7D
Armonie di colore
Complementare +180°
- 16F12D
Dangerously Green
- F6A6FF
≈ Rich Brilliant Lavender
Analogo -30° +30°
- 16F12D
Dangerously Green
- C9D400
≈ Lime Twist
- 00E9BF
≈ Aquamarine
Triadico +120° +240°
- 16F12D
Dangerously Green
- ACC8FF
≈ Night Snow
- FFB1AC
≈ Cornflower Lilac
Complementare divisa +150° +210°
- 16F12D
Dangerously Green
- CABDFF
≈ Lavender Tonic
- FFABCE
≈ Majin Bū Pink
Tetradico +90° +180° +270°
- 16F12D
Dangerously Green
- 83D3FF
≈ Kul Sharif Blue
- F6A6FF
≈ Rich Brilliant Lavender
- FFB586
≈ Coral Dusk
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.65:1 · APCA Lc 79
Miglior colore del testo: #000000
WCAG 13.65:1 (AAA) · APCA Lc 79
Contrast pairs
Frammenti di codice
CSS
:root {
--dangerously-green: #16f12d;
--dangerously-green-rgb: 22 241 45;
--dangerously-green-oklch: oklch(0.832 0.272 143.3);
}
.element {
color: var(--dangerously-green);
background-color: hsl(126 89% 52%);
border-color: oklch(0.832 0.272 143.3);
}Tailwind CSS v4
@theme {
--color-dangerously-green: #16f12d;
--color-dangerously-green-50: #c3ffc6;
--color-dangerously-green-100: #acffb0;
--color-dangerously-green-200: #81f289;
--color-dangerously-green-300: #3dda55;
--color-dangerously-green-400: #00c300;
--color-dangerously-green-500: #00ac00;
--color-dangerously-green-600: #009200;
--color-dangerously-green-700: #007500;
--color-dangerously-green-800: #005600;
--color-dangerously-green-900: #003c00;
--color-dangerously-green-950: #002500;
}SCSS
$dangerously-green: #16f12d;
$dangerously-green-rgb: 22, 241, 45;
$dangerously-green-light: mix(#fff, $dangerously-green, 20%);
$dangerously-green-dark: mix(#000, $dangerously-green, 20%);
.element {
color: $dangerously-green;
box-shadow: 0 0 0 2px rgba($dangerously-green, 0.35);
}