Najbliższy nazwany kolor · #8C3500
#8C3500
Najbliższy nazwany kolor: Espresso Martini
#8C3500 (rgb(140 53 0), hsl(23 100% 27%), oklch(0.446 0.13 43.8)) jest najbliższy nazwanemu kolorowi Espresso Martini. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8C3500
oklch(0.446 0.13 43.8)
Konwersje koloru
- HEX
- #8c3500
- RGB
- rgb(140 53 0)
- HSL
- hsl(23 100% 27%)
- HWB
- hwb(23 0% 45%)
- OKLCH
- oklch(0.446 0.13 43.8)
- OKLab
- oklab(0.446 0.094 0.09)
- CIE Lab
- lab(34.78 36.24 46.54)
- LCH
- lch(34.78 58.99 52.1)
- CMYK
- cmyk(0% 62% 100% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 994A25
- A65E3E
- B27156
- BE856D
- C99985
- D5AD9C
- E0C1B4
- EAD6CD
- F5EAE6
Odcienie ciemniejsze
- 792D00
- 672500
- 551D00
- 431500
- 330E00
- 230800
- 140300
- 070100
- 010000
Tony
- 8C3E18
- 8C4727
- 8C4F34
- 8B5640
- 8A5E4B
- 896556
- 876C60
- 85736B
- 837975
Harmonie kolorów
Komplementarna +180°
- 8C3500
Espresso Martini
- 005E76
≈ Lyons Blue
Analogowa -30° +30°
- 8C3500
Espresso Martini
- 8E2D3E
≈ Rumba Red
- 734B00
≈ Antique Bronze
Triada +120° +240°
- 8C3500
Espresso Martini
- 006446
≈ Aotake Bamboo
- 4D4699
≈ Liberty
Komplementarna rozszczepiona +150° +210°
- 8C3500
Espresso Martini
- 006160
≈ Emerald Stone
- 10549A
≈ Standing Waters
Tetrada +90° +180° +270°
- 8C3500
Espresso Martini
- 346200
≈ Keen Green
- 005E76
≈ Lyons Blue
- 6E3A86
≈ Amaranth Purple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.00:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.62:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.00:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--espresso-martini: #8c3500;
--espresso-martini-rgb: 140 53 0;
--espresso-martini-oklch: oklch(0.446 0.13 43.8);
}
.element {
color: var(--espresso-martini);
background-color: hsl(23 100% 27%);
border-color: oklch(0.446 0.13 43.8);
}Tailwind CSS v4
@theme {
--color-espresso-martini: #8c3500;
--color-espresso-martini-50: #ffead7;
--color-espresso-martini-100: #ffdbc4;
--color-espresso-martini-200: #ffc3a6;
--color-espresso-martini-300: #efa27e;
--color-espresso-martini-400: #de835c;
--color-espresso-martini-500: #cb6536;
--color-espresso-martini-600: #ab562f;
--color-espresso-martini-700: #8a4525;
--color-espresso-martini-800: #67311b;
--color-espresso-martini-900: #482111;
--color-espresso-martini-950: #2f1004;
}SCSS
$espresso-martini: #8c3500;
$espresso-martini-rgb: 140, 53, 0;
$espresso-martini-light: mix(#fff, $espresso-martini, 20%);
$espresso-martini-dark: mix(#000, $espresso-martini, 20%);
.element {
color: $espresso-martini;
box-shadow: 0 0 0 2px rgba($espresso-martini, 0.35);
}