Colore con nome · #69865B
Thicket
Thicket è #69865B: rgb(105 134 91), hsl(100 19% 44%), oklch(0.586 0.072 135.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Thicket color name →
#69865B
oklch(0.586 0.072 135.8)
Conversioni di colore
- HEX
- #69865b
- RGB
- rgb(105 134 91)
- HSL
- hsl(100 19% 44%)
- HWB
- hwb(100 36% 47%)
- OKLCH
- oklch(0.586 0.072 135.8)
- OKLab
- oklab(0.586 -0.051 0.05)
- CIE Lab
- lab(52.8 -17.1 19.71)
- LCH
- lch(52.8 26.1 130.9)
- CMYK
- cmyk(22% 0% 32% 47%)
Tinte · Ombre · Toni
Tinte
- 77926B
- 859D7A
- 94A98A
- A3B59A
- B2C1AA
- C1CDBB
- D0DACC
- DFE6DD
- EFF2EE
Ombre
- 5A744E
- 4C6241
- 3E5135
- 314029
- 24301E
- 182113
- 0C1309
- 040603
- 000100
Toni
- 6B865F
- 6E8563
- 708467
- 72846A
- 75836E
- 778372
- 798275
- 7C8179
- 7E817C
Armonie di colore
Complementare +180°
- 69865B
Thicket
- 8D6F99
≈ Faded Purple
Analogo -30° +30°
- 69865B
Thicket
- 827F4B
≈ Terrapin
- 508A72
≈ Molly Robins
Triadico +120° +240°
- 69865B
Thicket
- 607EA6
≈ Miracle Elixir
- A26B6E
≈ Delhi Spice
Complementare divisa +150° +210°
- 69865B
Thicket
- 7876A5
≈ Minuet Lilac
- 9B6B85
≈ Penelope Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.06:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.16:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--thicket: #69865b;
--thicket-rgb: 105 134 91;
--thicket-oklch: oklch(0.586 0.072 135.8);
}
.element {
color: var(--thicket);
background-color: hsl(100 19% 44%);
border-color: oklch(0.586 0.072 135.8);
}Tailwind CSS v4
@theme {
--color-thicket: #69865b;
--color-thicket-50: #ecfae7;
--color-thicket-100: #ddeed7;
--color-thicket-200: #c6dcbe;
--color-thicket-300: #a6c19d;
--color-thicket-400: #8ca87e;
--color-thicket-500: #719161;
--color-thicket-600: #607b53;
--color-thicket-700: #4c6242;
--color-thicket-800: #38482e;
--color-thicket-900: #26321f;
--color-thicket-950: #151e0f;
}SCSS
$thicket: #69865b;
$thicket-rgb: 105, 134, 91;
$thicket-light: mix(#fff, $thicket, 20%);
$thicket-dark: mix(#000, $thicket, 20%);
.element {
color: $thicket;
box-shadow: 0 0 0 2px rgba($thicket, 0.35);
}