Nazwany kolor · #88976B
Cactus Valley
Cactus Valley to #88976B: rgb(136 151 107), hsl(80 17% 51%), oklch(0.653 0.065 123.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Cactus Valley color name →
#88976B
oklch(0.653 0.065 123.5)
Konwersje koloru
- HEX
- #88976b
- RGB
- rgb(136 151 107)
- HSL
- hsl(80 17% 51%)
- HWB
- hwb(80 42% 41%)
- OKLCH
- oklch(0.653 0.065 123.5)
- OKLab
- oklab(0.653 -0.036 0.054)
- CIE Lab
- lab(60.39 -11.46 21.38)
- LCH
- lch(60.39 24.26 118.2)
- CMYK
- cmyk(10% 0% 29% 41%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 93A179
- 9FAB88
- AAB596
- B6C0A5
- C2CAB3
- CED4C2
- DADFD1
- E6EAE0
- F2F4F0
Odcienie ciemniejsze
- 75835C
- 636F4E
- 525C3F
- 414932
- 313725
- 222618
- 13170D
- 060804
- 010100
Tony
- 87956D
- 869270
- 869072
- 858E74
- 848C76
- 838978
- 82877A
- 82857C
- 81827E
Harmonie kolorów
Komplementarna +180°
- 88976B
Cactus Valley
- 9887B1
≈ Celeb City
Analogowa -30° +30°
- 88976B
Cactus Valley
- 9D9062
≈ Pineapple Sage
- 719C7E
≈ Precious Oxley
Triada +120° +240°
- 88976B
Cactus Valley
- 6E95B5
≈ Bluebird’s Belly
- B3808C
≈ Degas Pink
Komplementarna rozszczepiona +150° +210°
- 88976B
Cactus Valley
- 838EB8
≈ Opal Violet
- A982A1
≈ Wilhelminian Pink
Tetrada +90° +180° +270°
- 88976B
Cactus Valley
- 5F9BA8
≈ Frost Blue
- 9887B1
≈ Celeb City
- B48276
≈ Sauvignon Blanc
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.14:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.68:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--cactus-valley: #88976b;
--cactus-valley-rgb: 136 151 107;
--cactus-valley-oklch: oklch(0.653 0.065 123.5);
}
.element {
color: var(--cactus-valley);
background-color: hsl(80 17% 51%);
border-color: oklch(0.653 0.065 123.5);
}Tailwind CSS v4
@theme {
--color-cactus-valley: #88976b;
--color-cactus-valley-50: #f1f9e5;
--color-cactus-valley-100: #e3ecd5;
--color-cactus-valley-200: #cddabc;
--color-cactus-valley-300: #afbe9a;
--color-cactus-valley-400: #97a57b;
--color-cactus-valley-500: #7e8e5d;
--color-cactus-valley-600: #6a784f;
--color-cactus-valley-700: #55603f;
--color-cactus-valley-800: #3f462d;
--color-cactus-valley-900: #2b301e;
--color-cactus-valley-950: #181d0e;
}SCSS
$cactus-valley: #88976b;
$cactus-valley-rgb: 136, 151, 107;
$cactus-valley-light: mix(#fff, $cactus-valley, 20%);
$cactus-valley-dark: mix(#000, $cactus-valley, 20%);
.element {
color: $cactus-valley;
box-shadow: 0 0 0 2px rgba($cactus-valley, 0.35);
}