Colore con nome · #556611
Forestial Outpost
Forestial Outpost è #556611: rgb(85 102 17), hsl(72 71% 23%), oklch(0.48 0.107 120.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Forestial Outpost color name →
#556611
oklch(0.48 0.107 120.9)
Conversioni di colore
- HEX
- #556611
- RGB
- rgb(85 102 17)
- HSL
- hsl(72 71% 23%)
- HWB
- hwb(72 7% 60%)
- OKLCH
- oklch(0.48 0.107 120.9)
- OKLab
- oklab(0.48 -0.055 0.092)
- CIE Lab
- lab(40.54 -15.58 41.43)
- LCH
- lch(40.54 44.26 110.6)
- CMYK
- cmyk(17% 0% 83% 60%)
Tinte · Ombre · Toni
Tinte
- 64752F
- 748347
- 84925E
- 95A174
- A5B08B
- B7C0A1
- C8CFB8
- DADFD0
- ECEFE7
Ombre
- 49580D
- 3D4A09
- 313C06
- 262F04
- 1C2302
- 111701
- 080C00
- 020400
- 000000
Toni
- 596923
- 5D6C30
- 616E3C
- 667146
- 6A7450
- 6E765A
- 737964
- 777B6D
- 7B7E77
Armonie di colore
Complementare +180°
- 556611
Forestial Outpost
- 684D90
≈ Grapes of Italy
Analogo -30° +30°
- 556611
Forestial Outpost
- 725A00
≈ Hot Mustard
- 256E3D
≈ Billiard Ball
Triadico +120° +240°
- 556611
Forestial Outpost
- 0C6494
≈ Craving Cobalt
- 8D415A
≈ Umemurasaki Purple
Complementare divisa +150° +210°
- 556611
Forestial Outpost
- 47589A
≈ Nuthatch Back
- 7F4579
≈ Magic Magenta
Tetradico +90° +180° +270°
- 556611
Forestial Outpost
- 006A78
≈ Mary Blue
- 684D90
≈ Grapes of Italy
- 904337
≈ Flower Pot
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.37:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.29:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--forestial-outpost: #556611;
--forestial-outpost-rgb: 85 102 17;
--forestial-outpost-oklch: oklch(0.48 0.107 120.9);
}
.element {
color: var(--forestial-outpost);
background-color: hsl(72 71% 23%);
border-color: oklch(0.48 0.107 120.9);
}Tailwind CSS v4
@theme {
--color-forestial-outpost: #556611;
--color-forestial-outpost-50: #effbd9;
--color-forestial-outpost-100: #e1eec7;
--color-forestial-outpost-200: #cbdcaa;
--color-forestial-outpost-300: #adc183;
--color-forestial-outpost-400: #95a85e;
--color-forestial-outpost-500: #7c9137;
--color-forestial-outpost-600: #697a30;
--color-forestial-outpost-700: #546226;
--color-forestial-outpost-800: #3e4718;
--color-forestial-outpost-900: #2b3110;
--color-forestial-outpost-950: #181d03;
}SCSS
$forestial-outpost: #556611;
$forestial-outpost-rgb: 85, 102, 17;
$forestial-outpost-light: mix(#fff, $forestial-outpost, 20%);
$forestial-outpost-dark: mix(#000, $forestial-outpost, 20%);
.element {
color: $forestial-outpost;
box-shadow: 0 0 0 2px rgba($forestial-outpost, 0.35);
}