Cor nomeada mais próxima · #610D00
#610D00
Cor nomeada mais próxima: Blood of Zeus
#610D00 (rgb(97 13 0), hsl(8 100% 19%), oklch(0.319 0.119 32.7)) é mais próxima da cor nomeada Blood of Zeus. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#610D00
oklch(0.319 0.119 32.7)
Conversões de cor
- HEX
- #610d00
- RGB
- rgb(97 13 0)
- HSL
- hsl(8 100% 19%)
- HWB
- hwb(8 0% 62%)
- OKLCH
- oklch(0.319 0.119 32.7)
- OKLab
- oklab(0.319 0.1 0.064)
- CIE Lab
- lab(19.84 36.45 30.32)
- LCH
- lch(19.84 47.41 39.8)
- CMYK
- cmyk(0% 87% 100% 62%)
Tons claros · Sombras · Tons
Tons claros
- 72291B
- 834033
- 93574B
- A46E62
- B3857B
- C39D94
- D2B5AE
- E1CDC8
- F0E6E3
Sombras
- 530A00
- 460700
- 390500
- 2D0300
- 210200
- 150100
- 0B0000
- 030000
- 000000
Tons
- 661D10
- 6A2A1E
- 6E362A
- 724136
- 754B42
- 78564F
- 7B615B
- 7D6B67
- 7F7573
Harmonias de cor
Complementar +180°
- 610D00
Blood of Zeus
- 003A43
≈ Natural Indigo
Análoga -30° +30°
- 610D00
Blood of Zeus
- 5E092D
≈ Baal Red Wash
- 4C2900
≈ Stirland Mud
Tríade +120° +240°
- 610D00
Blood of Zeus
- 003E1D
≈ Angel Green
- 21296D
≈ After Work Blue
Complementar dividida +150° +210°
- 610D00
Blood of Zeus
- 003C35
≈ Night Turquoise
- 003656
≈ Night Dive
Tétrade +90° +180° +270°
- 610D00
Blood of Zeus
- 2B3800
≈ Wasabi Nori
- 003A43
≈ Natural Indigo
- 3F1D63
≈ Christalle
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 13.41:1 · APCA Lc 99
Ag
FailSobre preto
WCAG 1.56:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 13.41:1 (AAA) · APCA Lc 99
Contrast pairs
Trechos de código
CSS
:root {
--blood-of-zeus: #610d00;
--blood-of-zeus-rgb: 97 13 0;
--blood-of-zeus-oklch: oklch(0.319 0.119 32.7);
}
.element {
color: var(--blood-of-zeus);
background-color: hsl(8 100% 19%);
border-color: oklch(0.319 0.119 32.7);
}Tailwind CSS v4
@theme {
--color-blood-of-zeus: #610d00;
--color-blood-of-zeus-50: #ffeadf;
--color-blood-of-zeus-100: #ffdbce;
--color-blood-of-zeus-200: #ffc3b3;
--color-blood-of-zeus-300: #eda28f;
--color-blood-of-zeus-400: #db8371;
--color-blood-of-zeus-500: #c86551;
--color-blood-of-zeus-600: #a95645;
--color-blood-of-zeus-700: #884537;
--color-blood-of-zeus-800: #653128;
--color-blood-of-zeus-900: #47211b;
--color-blood-of-zeus-950: #2e100c;
}SCSS
$blood-of-zeus: #610d00;
$blood-of-zeus-rgb: 97, 13, 0;
$blood-of-zeus-light: mix(#fff, $blood-of-zeus, 20%);
$blood-of-zeus-dark: mix(#000, $blood-of-zeus, 20%);
.element {
color: $blood-of-zeus;
box-shadow: 0 0 0 2px rgba($blood-of-zeus, 0.35);
}