Benoemde kleur · #5A4239
Lava Cake
Lava Cake is #5A4239: rgb(90 66 57), hsl(16 22% 29%), oklch(0.403 0.037 41.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Brown mean? → · Lava Cake color name →
#5A4239
oklch(0.403 0.037 41.5)
Kleurconversies
- HEX
- #5a4239
- RGB
- rgb(90 66 57)
- HSL
- hsl(16 22% 29%)
- HWB
- hwb(16 22% 65%)
- OKLCH
- oklch(0.403 0.037 41.5)
- OKLab
- oklab(0.403 0.028 0.024)
- CIE Lab
- lab(30.47 9.68 9.76)
- LCH
- lch(30.47 13.74 45.2)
- CMYK
- cmyk(0% 27% 37% 65%)
Tinten · Schaduwen · Tonen
Tinten
- 69534A
- 79645D
- 89766F
- 998982
- A99B96
- BAAFAA
- CBC2BF
- DCD6D4
- EDEAE9
Schaduwen
- 4D3830
- 412F28
- 35251F
- 291C17
- 1E1410
- 130B09
- 090504
- 030101
- 000000
Tonen
- 5E4840
- 624E47
- 66544E
- 6A5A55
- 6D605C
- 716763
- 756D6A
- 797371
- 7C7A79
Kleurharmonieën
Complementair +180°
- 5A4239
Lava Cake
- 324D57
≈ Seaworthy
Analoog -30° +30°
- 5A4239
Lava Cake
- 5A4043
≈ Wood-Black Red
- 554532
≈ Old Treasure Chest
Triadisch +120° +240°
- 5A4239
Lava Cake
- 364F42
≈ Pine Needle
- 45465C
≈ Darkest Navy
Gesplitst complementair +150° +210°
- 5A4239
Lava Cake
- 304F4D
≈ Dark Slate Grey
- 3A4A5C
≈ Odyssey
Tetradisch +90° +180° +270°
- 5A4239
Lava Cake
- 414D38
≈ Hōjicha
- 324D57
≈ Seaworthy
- 4F4357
≈ Blackberry Harvest
Contrast en toegankelijkheid
Ag
AAAOp wit
WCAG 9.23:1 · APCA Lc 91
Ag
FailOp zwart
WCAG 2.27:1 · APCA Lc 11
Beste tekstkleur: #FFFFFF
WCAG 9.23:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--lava-cake: #5a4239;
--lava-cake-rgb: 90 66 57;
--lava-cake-oklch: oklch(0.403 0.037 41.5);
}
.element {
color: var(--lava-cake);
background-color: hsl(16 22% 29%);
border-color: oklch(0.403 0.037 41.5);
}Tailwind CSS v4
@theme {
--color-lava-cake: #5a4239;
--color-lava-cake-50: #fff2ed;
--color-lava-cake-100: #f3e4de;
--color-lava-cake-200: #e3d0c8;
--color-lava-cake-300: #c9b2a9;
--color-lava-cake-400: #b2988e;
--color-lava-cake-500: #9c7f74;
--color-lava-cake-600: #846b62;
--color-lava-cake-700: #6a564e;
--color-lava-cake-800: #4e3e39;
--color-lava-cake-900: #362b27;
--color-lava-cake-950: #211815;
}SCSS
$lava-cake: #5a4239;
$lava-cake-rgb: 90, 66, 57;
$lava-cake-light: mix(#fff, $lava-cake, 20%);
$lava-cake-dark: mix(#000, $lava-cake, 20%);
.element {
color: $lava-cake;
box-shadow: 0 0 0 2px rgba($lava-cake, 0.35);
}