Nazwany kolor · #271B10
Burnt Coffee
Burnt Coffee to #271B10: rgb(39 27 16), hsl(29 42% 11%), oklch(0.234 0.027 63.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Burnt Coffee color name →
#271B10
oklch(0.234 0.027 63.4)
Konwersje koloru
- HEX
- #271b10
- RGB
- rgb(39 27 16)
- HSL
- hsl(29 42% 11%)
- HWB
- hwb(29 6% 85%)
- OKLCH
- oklch(0.234 0.027 63.4)
- OKLab
- oklab(0.234 0.012 0.024)
- CIE Lab
- lab(11.05 4.81 9.53)
- LCH
- lch(11.05 10.68 63.2)
- CMYK
- cmyk(0% 31% 59% 85%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 392E24
- 4D4238
- 61574E
- 766D65
- 8B847D
- A19B96
- B8B3AF
- CFCCC9
- E7E5E4
Odcienie ciemniejsze
- 20160C
- 1A1109
- 140C06
- 0E0804
- 080502
- 040201
- 020100
- 010000
- 000000
Tony
- 2F241A
- 382D24
- 40372F
- 49413A
- 524B45
- 5B5550
- 645F5C
- 6D6A68
- 777574
Harmonie kolorów
Komplementarna +180°
- 271B10
Burnt Coffee
- 121F2A
≈ The Count’s Black
Analogowa -30° +30°
- 271B10
Burnt Coffee
- 291915
≈ Tetsu-Guro Black
- 221E0E
≈ Black Mesa
Triada +120° +240°
- 271B10
Burnt Coffee
- 0E221F
≈ Black Emerald
- 201B28
≈ Night Demons
Komplementarna rozszczepiona +150° +210°
- 271B10
Burnt Coffee
- 0D2126
≈ Crow Feather
- 1A1D2B
≈ Coarse Wool
Tetrada +90° +180° +270°
- 271B10
Burnt Coffee
- 142218
≈ Black Emerald
- 121F2A
≈ The Count’s Black
- 261923
≈ Kurobeni
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.79:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.25:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.79:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--burnt-coffee: #271b10;
--burnt-coffee-rgb: 39 27 16;
--burnt-coffee-oklch: oklch(0.234 0.027 63.4);
}
.element {
color: var(--burnt-coffee);
background-color: hsl(29 42% 11%);
border-color: oklch(0.234 0.027 63.4);
}Tailwind CSS v4
@theme {
--color-burnt-coffee: #271b10;
--color-burnt-coffee-50: #fbf4ed;
--color-burnt-coffee-100: #eee6df;
--color-burnt-coffee-200: #ddd2c8;
--color-burnt-coffee-300: #c2b5a9;
--color-burnt-coffee-400: #aa9b8e;
--color-burnt-coffee-500: #948374;
--color-burnt-coffee-600: #7d6f62;
--color-burnt-coffee-700: #64584e;
--color-burnt-coffee-800: #4a4039;
--color-burnt-coffee-900: #332c27;
--color-burnt-coffee-950: #1f1915;
}SCSS
$burnt-coffee: #271b10;
$burnt-coffee-rgb: 39, 27, 16;
$burnt-coffee-light: mix(#fff, $burnt-coffee, 20%);
$burnt-coffee-dark: mix(#000, $burnt-coffee, 20%);
.element {
color: $burnt-coffee;
box-shadow: 0 0 0 2px rgba($burnt-coffee, 0.35);
}