Nazwany kolor · #878757
Iguana
Iguana to #878757: rgb(135 135 87), hsl(60 22% 44%), oklch(0.611 0.067 108.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Iguana color name →
#878757
oklch(0.611 0.067 108.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 929267
- 9E9E78
- A9AA88
- B5B698
- C1C2A9
- CDCEBA
- D9DACB
- E6E6DC
- F2F3ED
Odcienie ciemniejsze
- 75754B
- 63633E
- 515133
- 414127
- 31311C
- 212112
- 131308
- 060603
- 010100
Tony
- 86865C
- 858660
- 858564
- 848469
- 83846D
- 838371
- 828275
- 818279
- 81817C
Harmonie kolorów
Komplementarna +180°
- 878757
Iguana
- 817DAA
≈ Aster
Analogowa -30° +30°
- 878757
Iguana
- 9A7F55
≈ Branching-Out Olive
- 708E66
≈ Villandry
Triada +120° +240°
- 878757
Iguana
- 578CA4
≈ Kuta Surf
- A2738B
≈ Upper Crust
Komplementarna rozszczepiona +150° +210°
- 878757
Iguana
- 6B85AC
≈ Cowgirl Blue
- 95779E
≈ Vestige
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.72:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.63:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
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);
}