Colore con nome · #112A12
Nori Green
Nori Green è #112A12: rgb(17 42 18), hsl(122 42% 12%), oklch(0.257 0.054 144.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nori Green color name →
#112A12
oklch(0.257 0.054 144.6)
Conversioni di colore
- HEX
- #112a12
- RGB
- rgb(17 42 18)
- HSL
- hsl(122 42% 12%)
- HWB
- hwb(122 7% 84%)
- OKLCH
- oklch(0.257 0.054 144.6)
- OKLab
- oklab(0.257 -0.044 0.031)
- CIE Lab
- lab(14.52 -14.96 12.49)
- LCH
- lch(14.52 19.49 140.1)
- CMYK
- cmyk(60% 0% 57% 84%)
Tinte · Ombre · Toni
Tinte
- 263C26
- 3B503B
- 516451
- 687867
- 7F8D7F
- 98A397
- B0B9B0
- CAD0CA
- E4E7E4
Ombre
- 0D230E
- 091C0A
- 061607
- 041004
- 020A02
- 010501
- 000201
- 000100
- 000000
Toni
- 1C321C
- 263A26
- 314331
- 3C4B3C
- 475446
- 525C51
- 5D655D
- 696E68
- 747774
Armonie di colore
Complementare +180°
- 112A12
Nori Green
- 301A32
≈ Blackcurrant
Analogo -30° +30°
- 112A12
Nori Green
- 232603
≈ Liquorice Root
- 002B22
≈ Deep Slate Green
Triadico +120° +240°
- 112A12
Nori Green
- 16223D
≈ Cool Balaclavas Are Forever
- 391816
≈ Rustic Red
Complementare divisa +150° +210°
- 112A12
Nori Green
- 251E3A
≈ Throat
- 371725
≈ Chocolate Kiss
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.39:1 · APCA Lc 102
Ag
FailSu nero
WCAG 1.36:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.39:1 (AAA) · APCA Lc 102
Contrast pairs
Frammenti di codice
CSS
:root {
--nori-green: #112a12;
--nori-green-rgb: 17 42 18;
--nori-green-oklch: oklch(0.257 0.054 144.6);
}
.element {
color: var(--nori-green);
background-color: hsl(122 42% 12%);
border-color: oklch(0.257 0.054 144.6);
}Tailwind CSS v4
@theme {
--color-nori-green: #112a12;
--color-nori-green-50: #ecfaec;
--color-nori-green-100: #ddedde;
--color-nori-green-200: #c6dbc7;
--color-nori-green-300: #a6bfa8;
--color-nori-green-400: #8ba78b;
--color-nori-green-500: #709070;
--color-nori-green-600: #5f7a5f;
--color-nori-green-700: #4c614c;
--color-nori-green-800: #384736;
--color-nori-green-900: #263125;
--color-nori-green-950: #141d14;
}SCSS
$nori-green: #112a12;
$nori-green-rgb: 17, 42, 18;
$nori-green-light: mix(#fff, $nori-green, 20%);
$nori-green-dark: mix(#000, $nori-green, 20%);
.element {
color: $nori-green;
box-shadow: 0 0 0 2px rgba($nori-green, 0.35);
}