Nächste benannte Farbe · #502A10
#502A10
Nächste benannte Farbe: Chocolate Castle
#502A10 (rgb(80 42 16), hsl(24 67% 19%), oklch(0.33 0.068 52.3)) liegt am nächsten an der benannten Farbe Chocolate Castle. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#502A10
oklch(0.33 0.068 52.3)
Farbumrechnungen
- HEX
- #502a10
- RGB
- rgb(80 42 16)
- HSL
- hsl(24 67% 19%)
- HWB
- hwb(24 6% 69%)
- OKLCH
- oklch(0.33 0.068 52.3)
- OKLab
- oklab(0.33 0.042 0.054)
- CIE Lab
- lab(21.86 16.35 24.35)
- LCH
- lch(21.86 29.33 56.1)
- CMYK
- cmyk(0% 48% 80% 69%)
Tints · Shades · Tones
Tints
- 613D27
- 72513C
- 836553
- 947969
- A58E81
- B7A499
- C9BAB2
- DBD1CB
- EDE8E5
Shades
- 44230C
- 391C09
- 2E1606
- 241004
- 1A0A02
- 100501
- 070200
- 020100
- 000000
Tones
- 55321C
- 5A3B27
- 5F4332
- 644C3D
- 695448
- 6E5D53
- 73665E
- 776E69
- 7C7775
Farbharmonien
Komplementär +180°
- 502A10
Chocolate Castle
- 003B52
≈ Gibraltar Sea
Analog -30° +30°
- 502A10
Chocolate Castle
- 532625
≈ Lonestar
- 463100
≈ Night in the Woods
Triadisch +120° +240°
- 502A10
Chocolate Castle
- 004032
≈ UP Forest Green
- 362E55
≈ Midnight Pie
Geteilt komplementär +150° +210°
- 502A10
Chocolate Castle
- 003E42
≈ Rich Black
- 223458
≈ Boatswain
Tetradisch +90° +180° +270°
- 502A10
Chocolate Castle
- 1F3E1C
≈ Queen of Trees
- 003B52
≈ Gibraltar Sea
- 45284A
≈ Opulent Mauve
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.50:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.67:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.50:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--chocolate-castle: #502a10;
--chocolate-castle-rgb: 80 42 16;
--chocolate-castle-oklch: oklch(0.33 0.068 52.3);
}
.element {
color: var(--chocolate-castle);
background-color: hsl(24 67% 19%);
border-color: oklch(0.33 0.068 52.3);
}Tailwind CSS v4
@theme {
--color-chocolate-castle: #502a10;
--color-chocolate-castle-50: #fff1e3;
--color-chocolate-castle-100: #fbe2d3;
--color-chocolate-castle-200: #eccdba;
--color-chocolate-castle-300: #d4af97;
--color-chocolate-castle-400: #bf9479;
--color-chocolate-castle-500: #aa7a5c;
--color-chocolate-castle-600: #90674e;
--color-chocolate-castle-700: #74523e;
--color-chocolate-castle-800: #563c2d;
--color-chocolate-castle-900: #3c291e;
--color-chocolate-castle-950: #25170e;
}SCSS
$chocolate-castle: #502a10;
$chocolate-castle-rgb: 80, 42, 16;
$chocolate-castle-light: mix(#fff, $chocolate-castle, 20%);
$chocolate-castle-dark: mix(#000, $chocolate-castle, 20%);
.element {
color: $chocolate-castle;
box-shadow: 0 0 0 2px rgba($chocolate-castle, 0.35);
}