Colore con nome più vicino · #502A10
#502A10
Colore con nome più vicino: Chocolate Castle
#502A10 (rgb(80 42 16), hsl(24 67% 19%), oklch(0.33 0.068 52.3)) è più vicino al colore con nome Chocolate Castle. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#502A10
oklch(0.33 0.068 52.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 613D27
- 72513C
- 836553
- 947969
- A58E81
- B7A499
- C9BAB2
- DBD1CB
- EDE8E5
Ombre
- 44230C
- 391C09
- 2E1606
- 241004
- 1A0A02
- 100501
- 070200
- 020100
- 000000
Toni
- 55321C
- 5A3B27
- 5F4332
- 644C3D
- 695448
- 6E5D53
- 73665E
- 776E69
- 7C7775
Armonie di colore
Complementare +180°
- 502A10
Chocolate Castle
- 003B52
≈ Gibraltar Sea
Analogo -30° +30°
- 502A10
Chocolate Castle
- 532625
≈ Lonestar
- 463100
≈ Night in the Woods
Triadico +120° +240°
- 502A10
Chocolate Castle
- 004032
≈ UP Forest Green
- 362E55
≈ Midnight Pie
Complementare divisa +150° +210°
- 502A10
Chocolate Castle
- 003E42
≈ Rich Black
- 223458
≈ Boatswain
Tetradico +90° +180° +270°
- 502A10
Chocolate Castle
- 1F3E1C
≈ Queen of Trees
- 003B52
≈ Gibraltar Sea
- 45284A
≈ Opulent Mauve
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.50:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.67:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.50:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
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);
}