Colore con nome · #878757
Iguana
Iguana è #878757: rgb(135 135 87), hsl(60 22% 44%), oklch(0.611 0.067 108.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Iguana color name →
#878757
oklch(0.611 0.067 108.2)
Conversioni di colore
- HEX
- #878757
- RGB
- rgb(135 135 87)
- HSL
- hsl(60 22% 44%)
- HWB
- hwb(60 34% 47%)
- OKLCH
- oklch(0.611 0.067 108.2)
- OKLab
- oklab(0.611 -0.021 0.064)
- CIE Lab
- lab(55.42 -5.78 25.85)
- LCH
- lch(55.42 26.49 102.6)
- CMYK
- cmyk(0% 0% 36% 47%)
Tinte · Ombre · Toni
Tinte
- 929267
- 9E9E78
- A9AA88
- B5B698
- C1C2A9
- CDCEBA
- D9DACB
- E6E6DC
- F2F3ED
Ombre
- 75754B
- 63633E
- 515133
- 414127
- 31311C
- 212112
- 131308
- 060603
- 010100
Toni
- 86865C
- 858660
- 858564
- 848469
- 83846D
- 838371
- 828275
- 818279
- 81817C
Armonie di colore
Complementare +180°
- 878757
Iguana
- 817DAA
≈ Aster
Analogo -30° +30°
- 878757
Iguana
- 9A7F55
≈ Branching-Out Olive
- 708E66
≈ Villandry
Triadico +120° +240°
- 878757
Iguana
- 578CA4
≈ Kuta Surf
- A2738B
≈ Upper Crust
Complementare divisa +150° +210°
- 878757
Iguana
- 6B85AC
≈ Cowgirl Blue
- 95779E
≈ Vestige
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.72:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.63:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--iguana: #878757;
--iguana-rgb: 135 135 87;
--iguana-oklch: oklch(0.611 0.067 108.2);
}
.element {
color: var(--iguana);
background-color: hsl(60 22% 44%);
border-color: oklch(0.611 0.067 108.2);
}Tailwind CSS v4
@theme {
--color-iguana: #878757;
--color-iguana-50: #f6f7e2;
--color-iguana-100: #e9ead1;
--color-iguana-200: #d5d7b7;
--color-iguana-300: #b9bb94;
--color-iguana-400: #a2a274;
--color-iguana-500: #8a8a54;
--color-iguana-600: #757548;
--color-iguana-700: #5d5d39;
--color-iguana-800: #454428;
--color-iguana-900: #302f1b;
--color-iguana-950: #1c1b0b;
}SCSS
$iguana: #878757;
$iguana-rgb: 135, 135, 87;
$iguana-light: mix(#fff, $iguana, 20%);
$iguana-dark: mix(#000, $iguana, 20%);
.element {
color: $iguana;
box-shadow: 0 0 0 2px rgba($iguana, 0.35);
}