Nazwany kolor · #B6AC95
Explorer Khaki
Explorer Khaki to #B6AC95: rgb(182 172 149), hsl(42 18% 65%), oklch(0.747 0.034 87.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Explorer Khaki color name →
#B6AC95
oklch(0.747 0.034 87.3)
Konwersje koloru
- HEX
- #b6ac95
- RGB
- rgb(182 172 149)
- HSL
- hsl(42 18% 65%)
- HWB
- hwb(42 58% 29%)
- OKLCH
- oklch(0.747 0.034 87.3)
- OKLab
- oklab(0.747 0.002 0.034)
- CIE Lab
- lab(70.74 0.85 13.24)
- LCH
- lch(70.74 13.27 86.3)
- CMYK
- cmyk(0% 5% 18% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDB49F
- C4BCAA
- CBC4B4
- D3CDBE
- DAD5C9
- E1DDD4
- E9E6DE
- F0EEE9
- F8F6F4
Odcienie ciemniejsze
- 9E9581
- 867F6D
- 6F695A
- 595448
- 444037
- 302D26
- 1D1B16
- 0C0B08
- 020101
Tony
- B0A893
- ABA391
- A59F8F
- A09A8D
- 9B968B
- 959189
- 908D86
- 8B8984
- 858482
Harmonie kolorów
Komplementarna +180°
- B6AC95
Explorer Khaki
- A3ADC3
≈ Foxflower Viola
Analogowa -30° +30°
- B6AC95
Explorer Khaki
- BEA898
≈ Snug as a Bug
- ABB098
≈ Olive Sprig
Triada +120° +240°
- B6AC95
Explorer Khaki
- 95B3B8
≈ Mohair Soft Blue Grey
- B9A6B8
≈ Viola Sororia
Komplementarna rozszczepiona +150° +210°
- B6AC95
Explorer Khaki
- 9AB1C0
≈ Cloudless Day
- AFA9C0
≈ Cosmic Sky
Tetrada +90° +180° +270°
- B6AC95
Explorer Khaki
- 97B4AC
≈ Silver Drop
- A3ADC3
≈ Foxflower Viola
- C0A4AD
≈ Cold Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.32:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--explorer-khaki: #b6ac95;
--explorer-khaki-rgb: 182 172 149;
--explorer-khaki-oklch: oklch(0.747 0.034 87.3);
}
.element {
color: var(--explorer-khaki);
background-color: hsl(42 18% 65%);
border-color: oklch(0.747 0.034 87.3);
}Tailwind CSS v4
@theme {
--color-explorer-khaki: #b6ac95;
--color-explorer-khaki-50: #f9f5ea;
--color-explorer-khaki-100: #ece8db;
--color-explorer-khaki-200: #dad4c4;
--color-explorer-khaki-300: #beb7a4;
--color-explorer-khaki-400: #a79e88;
--color-explorer-khaki-500: #90856d;
--color-explorer-khaki-600: #7a715c;
--color-explorer-khaki-700: #615a4a;
--color-explorer-khaki-800: #484235;
--color-explorer-khaki-900: #322d24;
--color-explorer-khaki-950: #1e1a13;
}SCSS
$explorer-khaki: #b6ac95;
$explorer-khaki-rgb: 182, 172, 149;
$explorer-khaki-light: mix(#fff, $explorer-khaki, 20%);
$explorer-khaki-dark: mix(#000, $explorer-khaki, 20%);
.element {
color: $explorer-khaki;
box-shadow: 0 0 0 2px rgba($explorer-khaki, 0.35);
}