Colore con nome · #8E9655
Topiary
Topiary è #8E9655: rgb(142 150 85), hsl(67 28% 46%), oklch(0.651 0.088 114.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Topiary color name →
#8E9655
oklch(0.651 0.088 114.6)
Conversioni di colore
- HEX
- #8e9655
- RGB
- rgb(142 150 85)
- HSL
- hsl(67 28% 46%)
- HWB
- hwb(67 33% 41%)
- OKLCH
- oklch(0.651 0.088 114.6)
- OKLab
- oklab(0.651 -0.037 0.08)
- CIE Lab
- lab(60.28 -10.64 33.12)
- LCH
- lch(60.28 34.79 107.8)
- CMYK
- cmyk(5% 0% 43% 41%)
Tinte · Ombre · Toni
Tinte
- 99A066
- A3AB77
- AEB588
- B9BF99
- C5CAA9
- D0D4BA
- DCDFCB
- E7EADC
- F3F4EE
Ombre
- 7B8249
- 686E3D
- 565B31
- 444926
- 34371C
- 242611
- 151608
- 070802
- 010100
Toni
- 8D945A
- 8B925F
- 8A9064
- 888D69
- 878B6D
- 858971
- 848775
- 838579
- 81827C
Armonie di colore
Complementare +180°
- 8E9655
Topiary
- 9385C0
≈ Amethyst Grey
Analogo -30° +30°
- 8E9655
Topiary
- A98B4D
≈ Graceful Gazelle
- 6D9E6D
≈ Blackthorn Green
Triadico +120° +240°
- 8E9655
Topiary
- 5598BE
≈ Mountain Bluebird
- BB7993
≈ Benifuji
Complementare divisa +150° +210°
- 8E9655
Topiary
- 758FC6
≈ Hydrangea
- AB7DAE
≈ Heart Potion
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.16:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.64:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.64:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--topiary: #8e9655;
--topiary-rgb: 142 150 85;
--topiary-oklch: oklch(0.651 0.088 114.6);
}
.element {
color: var(--topiary);
background-color: hsl(67 28% 46%);
border-color: oklch(0.651 0.088 114.6);
}Tailwind CSS v4
@theme {
--color-topiary: #8e9655;
--color-topiary-50: #f3f9dd;
--color-topiary-100: #e5eccb;
--color-topiary-200: #d1daaf;
--color-topiary-300: #b4be8a;
--color-topiary-400: #9da567;
--color-topiary-500: #858d44;
--color-topiary-600: #70773b;
--color-topiary-700: #5a5f2f;
--color-topiary-800: #43461f;
--color-topiary-900: #2e3015;
--color-topiary-950: #1b1c06;
}SCSS
$topiary: #8e9655;
$topiary-rgb: 142, 150, 85;
$topiary-light: mix(#fff, $topiary, 20%);
$topiary-dark: mix(#000, $topiary, 20%);
.element {
color: $topiary;
box-shadow: 0 0 0 2px rgba($topiary, 0.35);
}