Nazwany kolor · #885533
Burnt Crust
Burnt Crust to #885533: rgb(136 85 51), hsl(24 45% 37%), oklch(0.499 0.083 53.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Burnt Crust color name →
#885533
oklch(0.499 0.083 53.3)
Konwersje koloru
- HEX
- #885533
- RGB
- rgb(136 85 51)
- HSL
- hsl(24 45% 37%)
- HWB
- hwb(24 20% 47%)
- OKLCH
- oklch(0.499 0.083 53.3)
- OKLab
- oklab(0.499 0.05 0.067)
- CIE Lab
- lab(41.52 19.23 28.83)
- LCH
- lch(41.52 34.66 56.3)
- CMYK
- cmyk(0% 38% 63% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 946547
- A0755A
- AC866E
- B89682
- C4A796
- D0B8AA
- DCCABF
- E7DBD4
- F3EDE9
Odcienie ciemniejsze
- 75492B
- 633D23
- 52311C
- 412614
- 311C0D
- 221107
- 130803
- 060201
- 010000
Tony
- 885A3C
- 875E44
- 87634C
- 866753
- 866B5B
- 856F62
- 84746A
- 837871
- 817C79
Harmonie kolorów
Komplementarna +180°
- 885533
Burnt Crust
- 296B8B
≈ Ocean Call
Analogowa -30° +30°
- 885533
Burnt Crust
- 8D4F4C
≈ Moroccan Ruby
- 7A5E24
≈ Brassy Brass
Triada +120° +240°
- 885533
Burnt Crust
- 21725F
≈ Northern Hemisphere
- 65598E
≈ Idol
Komplementarna rozszczepiona +150° +210°
- 885533
Burnt Crust
- 087178
≈ Scurf Green
- 4A6293
≈ Last Light Blue
Tetrada +90° +180° +270°
- 885533
Burnt Crust
- 456F43
≈ Under the Radar
- 296B8B
≈ Ocean Call
- 7A527E
≈ Birthstone
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.18:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.39:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.18:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--burnt-crust: #885533;
--burnt-crust-rgb: 136 85 51;
--burnt-crust-oklch: oklch(0.499 0.083 53.3);
}
.element {
color: var(--burnt-crust);
background-color: hsl(24 45% 37%);
border-color: oklch(0.499 0.083 53.3);
}Tailwind CSS v4
@theme {
--color-burnt-crust: #885533;
--color-burnt-crust-50: #fff0df;
--color-burnt-crust-100: #ffe1ce;
--color-burnt-crust-200: #f1ccb3;
--color-burnt-crust-300: #daad8f;
--color-burnt-crust-400: #c69170;
--color-burnt-crust-500: #b27650;
--color-burnt-crust-600: #966444;
--color-burnt-crust-700: #785036;
--color-burnt-crust-800: #593a27;
--color-burnt-crust-900: #3f281a;
--color-burnt-crust-950: #28160b;
}SCSS
$burnt-crust: #885533;
$burnt-crust-rgb: 136, 85, 51;
$burnt-crust-light: mix(#fff, $burnt-crust, 20%);
$burnt-crust-dark: mix(#000, $burnt-crust, 20%);
.element {
color: $burnt-crust;
box-shadow: 0 0 0 2px rgba($burnt-crust, 0.35);
}