Nazwany kolor · #623F45
Deep Maroon
Deep Maroon to #623F45: rgb(98 63 69), hsl(350 22% 32%), oklch(0.41 0.05 8.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Deep Maroon color name →
#623F45
oklch(0.41 0.05 8.3)
Konwersje koloru
- HEX
- #623f45
- RGB
- rgb(98 63 69)
- HSL
- hsl(350 22% 32%)
- HWB
- hwb(350 25% 62%)
- OKLCH
- oklch(0.41 0.05 8.3)
- OKLab
- oklab(0.41 0.049 0.007)
- CIE Lab
- lab(30.98 16.42 2.95)
- LCH
- lch(30.98 16.68 10.2)
- CMYK
- cmyk(0% 36% 30% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 715056
- 806267
- 907478
- 9F878A
- AF9A9D
- BEADB0
- CEC1C3
- DED6D7
- EFEAEB
Odcienie ciemniejsze
- 54353B
- 472C31
- 3A2327
- 2D1B1E
- 211215
- 160A0C
- 0B0405
- 030102
- 000000
Tony
- 65454B
- 694C50
- 6C5256
- 6F595C
- 725F62
- 756668
- 786C6E
- 7B7374
- 7D797A
Harmonie kolorów
Komplementarna +180°
- 623F45
Deep Maroon
- 27534F
≈ Sea Moss
Analogowa -30° +30°
- 623F45
Deep Maroon
- 5C4054
≈ Amaranthine
- 624137
≈ American Milking Devon
Triada +120° +240°
- 623F45
Deep Maroon
- 425032
≈ Matsuba Green
- 344D64
≈ Rain Boots
Komplementarna rozszczepiona +150° +210°
- 623F45
Deep Maroon
- 325340
≈ Goblin
- 28515C
≈ Sunken Mystery
Tetrada +90° +180° +270°
- 623F45
Deep Maroon
- 514B2A
≈ Codium Fragile
- 27534F
≈ Sea Moss
- 444865
≈ Darkshore
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.06:1 · APCA Lc 91
Ag
FailNa czerni
WCAG 2.31:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.06:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-maroon: #623f45;
--deep-maroon-rgb: 98 63 69;
--deep-maroon-oklch: oklch(0.41 0.05 8.3);
}
.element {
color: var(--deep-maroon);
background-color: hsl(350 22% 32%);
border-color: oklch(0.41 0.05 8.3);
}Tailwind CSS v4
@theme {
--color-deep-maroon: #623f45;
--color-deep-maroon-50: #fff0f2;
--color-deep-maroon-100: #f8e1e4;
--color-deep-maroon-200: #e9cccf;
--color-deep-maroon-300: #cfadb1;
--color-deep-maroon-400: #b99399;
--color-deep-maroon-500: #a47980;
--color-deep-maroon-600: #8b666c;
--color-deep-maroon-700: #6f5256;
--color-deep-maroon-800: #523b40;
--color-deep-maroon-900: #39292c;
--color-deep-maroon-950: #231719;
}SCSS
$deep-maroon: #623f45;
$deep-maroon-rgb: 98, 63, 69;
$deep-maroon-light: mix(#fff, $deep-maroon, 20%);
$deep-maroon-dark: mix(#000, $deep-maroon, 20%);
.element {
color: $deep-maroon;
box-shadow: 0 0 0 2px rgba($deep-maroon, 0.35);
}