Cor nomeada mais próxima · #830026
#830026
Cor nomeada mais próxima: Oxblood
#830026 (rgb(131 0 38), hsl(343 100% 26%), oklch(0.387 0.155 16.2)) é mais próxima da cor nomeada Oxblood. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#830026
oklch(0.387 0.155 16.2)
Conversões de cor
- HEX
- #830026
- RGB
- rgb(131 0 38)
- HSL
- hsl(343 100% 26%)
- HWB
- hwb(343 0% 49%)
- OKLCH
- oklch(0.387 0.155 16.2)
- OKLab
- oklab(0.387 0.149 0.043)
- CIE Lab
- lab(27.21 50.03 19.66)
- LCH
- lch(27.21 53.76 21.5)
- CMYK
- cmyk(0% 100% 71% 49%)
Tons claros · Sombras · Tons
Tons claros
- 922939
- A0434D
- AE5B61
- BB7276
- C8898C
- D4A0A2
- E0B7B9
- EBCFD0
- F5E7E7
Sombras
- 710020
- 600019
- 4F0013
- 3F000D
- 2F0008
- 200004
- 120002
- 060001
- 010000
Tons
- 851B2F
- 862B38
- 873840
- 884449
- 884E52
- 87595B
- 876364
- 856D6D
- 837677
Harmonias de cor
Complementar +180°
- 830026
Oxblood
- 004F50
≈ Antique Turquoise
Análoga -30° +30°
- 830026
Oxblood
- 780B55
≈ Velvet
- 712D00
≈ Cold Press Coffee
Tríade +120° +240°
- 830026
Oxblood
- 235100
≈ Patch of Land
- 004289
≈ Pacific Depths
Complementar dividida +150° +210°
- 830026
Oxblood
- 00513A
≈ Trapper Green
- 004C62
≈ Work Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 10.53:1 · APCA Lc 92
Ag
FailSobre preto
WCAG 1.99:1 · APCA Lc 10
Melhor cor de texto: #FFFFFF
WCAG 10.53:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--oxblood: #830026;
--oxblood-rgb: 131 0 38;
--oxblood-oklch: oklch(0.387 0.155 16.2);
}
.element {
color: var(--oxblood);
background-color: hsl(343 100% 26%);
border-color: oklch(0.387 0.155 16.2);
}Tailwind CSS v4
@theme {
--color-oxblood: #830026;
--color-oxblood-50: #ffe4e4;
--color-oxblood-100: #ffd4d4;
--color-oxblood-200: #ffbabb;
--color-oxblood-300: #fd9699;
--color-oxblood-400: #eb747f;
--color-oxblood-500: #d95162;
--color-oxblood-600: #b74553;
--color-oxblood-700: #933742;
--color-oxblood-800: #6e2732;
--color-oxblood-900: #4d1a22;
--color-oxblood-950: #330a11;
}SCSS
$oxblood: #830026;
$oxblood-rgb: 131, 0, 38;
$oxblood-light: mix(#fff, $oxblood, 20%);
$oxblood-dark: mix(#000, $oxblood, 20%);
.element {
color: $oxblood;
box-shadow: 0 0 0 2px rgba($oxblood, 0.35);
}