Colore con nome · #43694D
Nordic Pine
Nordic Pine è #43694D: rgb(67 105 77), hsl(136 22% 34%), oklch(0.484 0.062 151.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nordic Pine color name →
#43694D
oklch(0.484 0.062 151.8)
Conversioni di colore
- HEX
- #43694d
- RGB
- rgb(67 105 77)
- HSL
- hsl(136 22% 34%)
- HWB
- hwb(136 26% 59%)
- OKLCH
- oklch(0.484 0.062 151.8)
- OKLab
- oklab(0.484 -0.055 0.03)
- CIE Lab
- lab(40.94 -19.04 11.35)
- LCH
- lch(40.94 22.16 149.2)
- CMYK
- cmyk(36% 0% 27% 59%)
Tinte · Ombre · Toni
Tinte
- 55775D
- 67856E
- 79947F
- 8BA390
- 9EB1A2
- B0C1B4
- C4D0C6
- D7DFD9
- EBEFEC
Ombre
- 395A42
- 2F4C37
- 263E2C
- 1D3122
- 142418
- 0C180F
- 050C07
- 010402
- 000000
Toni
- 496B52
- 506E57
- 56705C
- 5C7261
- 627566
- 68776B
- 6E7971
- 747C76
- 7A7E7B
Armonie di colore
Complementare +180°
- 43694D
Nordic Pine
- 74526F
≈ Berry Conserve
Analogo -30° +30°
- 43694D
Nordic Pine
- 59643C
≈ Marsh Mix
- 316A61
≈ Seiheki Green
Triadico +120° +240°
- 43694D
Nordic Pine
- 525D82
≈ Coastal Fjord
- 7E5148
≈ Red Rooster
Complementare divisa +150° +210°
- 43694D
Nordic Pine
- 65567C
≈ Vigorous Violet
- 7C505C
≈ Baroque Red
Tetradico +90° +180° +270°
- 43694D
Nordic Pine
- 3D637F
≈ Blue Ashes
- 74526F
≈ Berry Conserve
- 785739
≈ Emperador
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.23:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.36:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.23:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--nordic-pine: #43694d;
--nordic-pine-rgb: 67 105 77;
--nordic-pine-oklch: oklch(0.484 0.062 151.8);
}
.element {
color: var(--nordic-pine);
background-color: hsl(136 22% 34%);
border-color: oklch(0.484 0.062 151.8);
}Tailwind CSS v4
@theme {
--color-nordic-pine: #43694d;
--color-nordic-pine-50: #e8fbed;
--color-nordic-pine-100: #d9eede;
--color-nordic-pine-200: #c1ddc8;
--color-nordic-pine-300: #9fc1a9;
--color-nordic-pine-400: #83a98c;
--color-nordic-pine-500: #679272;
--color-nordic-pine-600: #577c60;
--color-nordic-pine-700: #46634d;
--color-nordic-pine-800: #334937;
--color-nordic-pine-900: #233225;
--color-nordic-pine-950: #121e14;
}SCSS
$nordic-pine: #43694d;
$nordic-pine-rgb: 67, 105, 77;
$nordic-pine-light: mix(#fff, $nordic-pine, 20%);
$nordic-pine-dark: mix(#000, $nordic-pine, 20%);
.element {
color: $nordic-pine;
box-shadow: 0 0 0 2px rgba($nordic-pine, 0.35);
}