Nächste benannte Farbe · #603A37
#603A37
Nächste benannte Farbe: Hot Chocolate
#603A37 (rgb(96 58 55), hsl(4 27% 30%), oklch(0.393 0.055 24.7)) liegt am nächsten an der benannten Farbe Hot Chocolate. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#603A37
oklch(0.393 0.055 24.7)
Farbumrechnungen
- HEX
- #603a37
- RGB
- rgb(96 58 55)
- HSL
- hsl(4 27% 30%)
- HWB
- hwb(4 22% 62%)
- OKLCH
- oklch(0.393 0.055 24.7)
- OKLab
- oklab(0.393 0.05 0.023)
- CIE Lab
- lab(29.08 17 9.31)
- LCH
- lch(29.08 19.38 28.7)
- CMYK
- cmyk(0% 40% 43% 62%)
Tints · Shades · Tones
Tints
- 6F4C49
- 7F5E5B
- 8E716E
- 9E8481
- AE9795
- BEABA9
- CEC0BE
- DED4D3
- EFEAE9
Shades
- 52312E
- 452826
- 38201E
- 2C1816
- 20100F
- 150908
- 0A0403
- 030101
- 000000
Tones
- 64413E
- 674845
- 6B4F4C
- 6E5653
- 715D5A
- 746462
- 776B69
- 7A7271
- 7D7978
Farbharmonien
Komplementär +180°
- 603A37
Hot Chocolate
- 1A4E54
≈ Iron Teal
Analog -30° +30°
- 603A37
Hot Chocolate
- 5D3947
≈ Enchantress
- 5D3E29
≈ Bracken
Triadisch +120° +240°
- 603A37
Hot Chocolate
- 334E33
≈ Moselle Green
- 374563
≈ Stay the Night
Geteilt komplementär +150° +210°
- 603A37
Hot Chocolate
- 214F44
≈ Hunt Club
- 264B5F
≈ Arapawa
Tetradisch +90° +180° +270°
- 603A37
Hot Chocolate
- 454926
≈ Nori Seaweed Green
- 1A4E54
≈ Iron Teal
- 484060
≈ Mulberry Mauve Black
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.73:1 · APCA Lc 92
Ag
FailAuf Schwarz
WCAG 2.15:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.73:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--hot-chocolate: #603a37;
--hot-chocolate-rgb: 96 58 55;
--hot-chocolate-oklch: oklch(0.393 0.055 24.7);
}
.element {
color: var(--hot-chocolate);
background-color: hsl(4 27% 30%);
border-color: oklch(0.393 0.055 24.7);
}Tailwind CSS v4
@theme {
--color-hot-chocolate: #603a37;
--color-hot-chocolate-50: #fff0ed;
--color-hot-chocolate-100: #fae1de;
--color-hot-chocolate-200: #ebccc8;
--color-hot-chocolate-300: #d2ada9;
--color-hot-chocolate-400: #bd928e;
--color-hot-chocolate-500: #a87874;
--color-hot-chocolate-600: #8e6662;
--color-hot-chocolate-700: #72514f;
--color-hot-chocolate-800: #543b3a;
--color-hot-chocolate-900: #3b2827;
--color-hot-chocolate-950: #241616;
}SCSS
$hot-chocolate: #603a37;
$hot-chocolate-rgb: 96, 58, 55;
$hot-chocolate-light: mix(#fff, $hot-chocolate, 20%);
$hot-chocolate-dark: mix(#000, $hot-chocolate, 20%);
.element {
color: $hot-chocolate;
box-shadow: 0 0 0 2px rgba($hot-chocolate, 0.35);
}