Cor nomeada · #5B2C31
Dubonnet
Dubonnet é #5B2C31: rgb(91 44 49), hsl(354 35% 26%), oklch(0.357 0.069 14.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Dubonnet color name →
#5B2C31
oklch(0.357 0.069 14.5)
Conversões de cor
- HEX
- #5b2c31
- RGB
- rgb(91 44 49)
- HSL
- hsl(354 35% 26%)
- HWB
- hwb(354 17% 64%)
- OKLCH
- oklch(0.357 0.069 14.5)
- OKLab
- oklab(0.357 0.067 0.017)
- CIE Lab
- lab(24.7 22.38 7.14)
- LCH
- lch(24.7 23.49 17.7)
- CMYK
- cmyk(0% 52% 46% 64%)
Tons claros · Sombras · Tons
Tons claros
- 6B3F43
- 7B5255
- 8C6669
- 9C7B7D
- AC9091
- BDA5A6
- CDBBBC
- DED1D2
- EEE8E8
Sombras
- 4E2529
- 411E22
- 35171A
- 291113
- 1E0A0C
- 130506
- 090203
- 030101
- 000000
Tons
- 5F3438
- 643D40
- 684547
- 6C4D4F
- 6F5657
- 735E5F
- 776667
- 7A6F6F
- 7D7778
Harmonias de cor
Complementar +180°
- 5B2C31
Dubonnet
- 004646
≈ Cyprus
Análoga -30° +30°
- 5B2C31
Dubonnet
- 552D45
≈ Potent Purple
- 5A301C
≈ Wild Boar
Tríade +120° +240°
- 5B2C31
Dubonnet
- 2D441D
≈ Forestry
- 223D60
≈ Midnight Sleigh
Complementar dividida +150° +210°
- 5B2C31
Dubonnet
- 0D4833
≈ Zucchini
- 004357
≈ Crab Nebula
Tétrade +90° +180° +270°
- 5B2C31
Dubonnet
- 423E0A
≈ Xanthophobia
- 004646
≈ Cyprus
- 39375F
≈ Very Blue
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 11.35:1 · APCA Lc 96
Ag
FailSobre preto
WCAG 1.84:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 11.35:1 (AAA) · APCA Lc 96
Contrast pairs
Trechos de código
CSS
:root {
--dubonnet: #5b2c31;
--dubonnet-rgb: 91 44 49;
--dubonnet-oklch: oklch(0.357 0.069 14.5);
}
.element {
color: var(--dubonnet);
background-color: hsl(354 35% 26%);
border-color: oklch(0.357 0.069 14.5);
}Tailwind CSS v4
@theme {
--color-dubonnet: #5b2c31;
--color-dubonnet-50: #ffeeee;
--color-dubonnet-100: #fedfe0;
--color-dubonnet-200: #f0c9ca;
--color-dubonnet-300: #d9aaab;
--color-dubonnet-400: #c48e92;
--color-dubonnet-500: #af7378;
--color-dubonnet-600: #946266;
--color-dubonnet-700: #774e51;
--color-dubonnet-800: #58383c;
--color-dubonnet-900: #3d2729;
--color-dubonnet-950: #271517;
}SCSS
$dubonnet: #5b2c31;
$dubonnet-rgb: 91, 44, 49;
$dubonnet-light: mix(#fff, $dubonnet, 20%);
$dubonnet-dark: mix(#000, $dubonnet, 20%);
.element {
color: $dubonnet;
box-shadow: 0 0 0 2px rgba($dubonnet, 0.35);
}