Nazwany kolor · #592720
Caput Mortuum
Caput Mortuum to #592720: rgb(89 39 32), hsl(7 47% 24%), oklch(0.341 0.075 29.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Caput Mortuum color name →
#592720
oklch(0.341 0.075 29.7)
Konwersje koloru
- HEX
- #592720
- RGB
- rgb(89 39 32)
- HSL
- hsl(7 47% 24%)
- HWB
- hwb(7 13% 65%)
- OKLCH
- oklch(0.341 0.075 29.7)
- OKLab
- oklab(0.341 0.066 0.037)
- CIE Lab
- lab(22.88 23.06 16.04)
- LCH
- lch(22.88 28.09 34.8)
- CMYK
- cmyk(0% 56% 64% 65%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6A3B33
- 7A4F48
- 8B635C
- 9B7872
- AC8D88
- BCA39F
- CDB9B6
- DDD0CE
- EEE7E6
Odcienie ciemniejsze
- 4C201A
- 401A15
- 34140F
- 280E0A
- 1D0806
- 130403
- 090201
- 030100
- 000000
Tony
- 5E3029
- 623932
- 67423C
- 6B4A45
- 6F534F
- 735C58
- 766562
- 7A6E6C
- 7D7776
Harmonie kolorów
Komplementarna +180°
- 592720
Caput Mortuum
- 004049
≈ Ghostlands Coal
Analogowa -30° +30°
- 592720
Caput Mortuum
- 572637
≈ Zinfandel
- 542D05
≈ Kyoto House
Triada +120° +240°
- 592720
Caput Mortuum
- 154322
≈ Queen of Trees
- 29355F
≈ Quill Tip
Komplementarna rozszczepiona +150° +210°
- 592720
Caput Mortuum
- 004239
≈ Botanical Night
- 033C5B
≈ Poseidon
Tetrada +90° +180° +270°
- 592720
Caput Mortuum
- 343D06
≈ Dark Olive
- 004049
≈ Ghostlands Coal
- 3E2E59
≈ Jakarta Skyline
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.09:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.73:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.09:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--caput-mortuum: #592720;
--caput-mortuum-rgb: 89 39 32;
--caput-mortuum-oklch: oklch(0.341 0.075 29.7);
}
.element {
color: var(--caput-mortuum);
background-color: hsl(7 47% 24%);
border-color: oklch(0.341 0.075 29.7);
}Tailwind CSS v4
@theme {
--color-caput-mortuum: #592720;
--color-caput-mortuum-50: #ffeee8;
--color-caput-mortuum-100: #ffdfd9;
--color-caput-mortuum-200: #f3c9c1;
--color-caput-mortuum-300: #dbaaa0;
--color-caput-mortuum-400: #c78e84;
--color-caput-mortuum-500: #b37369;
--color-caput-mortuum-600: #976159;
--color-caput-mortuum-700: #794e47;
--color-caput-mortuum-800: #5a3834;
--color-caput-mortuum-900: #3f2623;
--color-caput-mortuum-950: #281512;
}SCSS
$caput-mortuum: #592720;
$caput-mortuum-rgb: 89, 39, 32;
$caput-mortuum-light: mix(#fff, $caput-mortuum, 20%);
$caput-mortuum-dark: mix(#000, $caput-mortuum, 20%);
.element {
color: $caput-mortuum;
box-shadow: 0 0 0 2px rgba($caput-mortuum, 0.35);
}