Nazwany kolor · #B86F73
Exotic Incense
Exotic Incense to #B86F73: rgb(184 111 115), hsl(357 34% 58%), oklch(0.622 0.093 16.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Exotic Incense color name →
#B86F73
oklch(0.622 0.093 16.6)
Konwersje koloru
- HEX
- #b86f73
- RGB
- rgb(184 111 115)
- HSL
- hsl(357 34% 58%)
- HWB
- hwb(357 44% 28%)
- OKLCH
- oklch(0.622 0.093 16.6)
- OKLab
- oklab(0.622 0.089 0.026)
- CIE Lab
- lab(55.17 30.03 10.81)
- LCH
- lch(55.17 31.92 19.8)
- CMYK
- cmyk(0% 40% 38% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C07D80
- C88B8D
- CF999B
- D7A7A9
- DEB6B7
- E5C4C5
- ECD3D3
- F2E1E2
- F9F0F0
Odcienie ciemniejsze
- A06063
- 885154
- 714245
- 5B3436
- 452728
- 311A1B
- 1E0E0F
- 0C0405
- 020101
Tony
- B37174
- AE7376
- A87577
- A37778
- 9E797A
- 987A7B
- 927C7C
- 8C7D7D
- 867F7F
Harmonie kolorów
Komplementarna +180°
- B86F73
Exotic Incense
- 2F989A
≈ Ocean Reef
Analogowa -30° +30°
- B86F73
Exotic Incense
- B06F92
≈ Purple Starburst
- B57555
≈ Campfire Blaze
Triada +120° +240°
- B86F73
Exotic Incense
- 6C945B
≈ Milpa
- 6289BE
≈ Danube
Komplementarna rozszczepiona +150° +210°
- B86F73
Exotic Incense
- 47997A
≈ Greenway
- 3F92B2
≈ Enchanted Well
Tetrada +90° +180° +270°
- B86F73
Exotic Incense
- 8E8A44
≈ Cider Mill
- 2F989A
≈ Ocean Reef
- 827EBC
≈ Faraway Sky
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.77:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.55:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.55:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--exotic-incense: #b86f73;
--exotic-incense-rgb: 184 111 115;
--exotic-incense-oklch: oklch(0.622 0.093 16.6);
}
.element {
color: var(--exotic-incense);
background-color: hsl(357 34% 58%);
border-color: oklch(0.622 0.093 16.6);
}Tailwind CSS v4
@theme {
--color-exotic-incense: #b86f73;
--color-exotic-incense-50: #ffebeb;
--color-exotic-incense-100: #ffdcdc;
--color-exotic-incense-200: #fac5c5;
--color-exotic-incense-300: #e3a5a5;
--color-exotic-incense-400: #cf888b;
--color-exotic-incense-500: #bc6b70;
--color-exotic-incense-600: #9e5b5f;
--color-exotic-incense-700: #7f494c;
--color-exotic-incense-800: #5e3438;
--color-exotic-incense-900: #422426;
--color-exotic-incense-950: #2a1215;
}SCSS
$exotic-incense: #b86f73;
$exotic-incense-rgb: 184, 111, 115;
$exotic-incense-light: mix(#fff, $exotic-incense, 20%);
$exotic-incense-dark: mix(#000, $exotic-incense, 20%);
.element {
color: $exotic-incense;
box-shadow: 0 0 0 2px rgba($exotic-incense, 0.35);
}