Colore con nome · #0B5509
Forest
Forest è #0B5509: rgb(11 85 9), hsl(118 81% 18%), oklch(0.392 0.125 142.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Forest color name →
#0B5509
oklch(0.392 0.125 142.5)
Conversioni di colore
- HEX
- #0b5509
- RGB
- rgb(11 85 9)
- HSL
- hsl(118 81% 18%)
- HWB
- hwb(118 4% 67%)
- OKLCH
- oklch(0.392 0.125 142.5)
- OKLab
- oklab(0.392 -0.099 0.076)
- CIE Lab
- lab(30.89 -33.7 33.68)
- LCH
- lch(30.89 47.65 135)
- CMYK
- cmyk(87% 0% 89% 67%)
Tinte · Ombre · Toni
Tinte
- 2A6527
- 42753E
- 598655
- 70976C
- 87A884
- 9EB99C
- B6CAB4
- CEDBCC
- E6EDE5
Ombre
- 084907
- 063D05
- 043103
- 022602
- 011C01
- 011101
- 000800
- 000200
- 000000
Toni
- 1E5A1B
- 2C5E28
- 376334
- 42673F
- 4D6B4A
- 577055
- 627460
- 6C786A
- 767C75
Armonie di colore
Complementare +180°
- 0B5509
Forest
- 64296C
≈ Imperial
Analogo -30° +30°
- 0B5509
Forest
- 474A00
≈ No Emissions Green
- 005241
≈ Tetsu Green
Triadico +120° +240°
- 0B5509
Forest
- 1E4188
≈ Blue Oblivion
- 7B2024
≈ Deep Dairei Red
Complementare divisa +150° +210°
- 0B5509
Forest
- 493482
≈ Galactic Compass
- 74204C
≈ Pansy Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.06:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.31:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--forest: #0b5509;
--forest-rgb: 11 85 9;
--forest-oklch: oklch(0.392 0.125 142.5);
}
.element {
color: var(--forest);
background-color: hsl(118 81% 18%);
border-color: oklch(0.392 0.125 142.5);
}Tailwind CSS v4
@theme {
--color-forest: #0b5509;
--color-forest-50: #e0ffdf;
--color-forest-100: #cff4ce;
--color-forest-200: #b4e3b3;
--color-forest-300: #8fc98f;
--color-forest-400: #71b16c;
--color-forest-500: #4f9b4a;
--color-forest-600: #44833f;
--color-forest-700: #366932;
--color-forest-800: #284d21;
--color-forest-900: #1b3516;
--color-forest-950: #0b2007;
}SCSS
$forest: #0b5509;
$forest-rgb: 11, 85, 9;
$forest-light: mix(#fff, $forest, 20%);
$forest-dark: mix(#000, $forest, 20%);
.element {
color: $forest;
box-shadow: 0 0 0 2px rgba($forest, 0.35);
}