Adlandırılmış renk · #5B2C31
Dubonnet
Dubonnet, #5B2C31: rgb(91 44 49), hsl(354 35% 26%), oklch(0.357 0.069 14.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Dubonnet color name →
#5B2C31
oklch(0.357 0.069 14.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B3F43
- 7B5255
- 8C6669
- 9C7B7D
- AC9091
- BDA5A6
- CDBBBC
- DED1D2
- EEE8E8
Koyu tonlar
- 4E2529
- 411E22
- 35171A
- 291113
- 1E0A0C
- 130506
- 090203
- 030101
- 000000
Gri tonlar
- 5F3438
- 643D40
- 684547
- 6C4D4F
- 6F5657
- 735E5F
- 776667
- 7A6F6F
- 7D7778
Renk uyumları
Tamamlayıcı +180°
- 5B2C31
Dubonnet
- 004646
≈ Cyprus
Analog -30° +30°
- 5B2C31
Dubonnet
- 552D45
≈ Potent Purple
- 5A301C
≈ Wild Boar
Üçlü +120° +240°
- 5B2C31
Dubonnet
- 2D441D
≈ Forestry
- 223D60
≈ Midnight Sleigh
Bölünmüş tamamlayıcı +150° +210°
- 5B2C31
Dubonnet
- 0D4833
≈ Zucchini
- 004357
≈ Crab Nebula
Dörtlü +90° +180° +270°
- 5B2C31
Dubonnet
- 423E0A
≈ Xanthophobia
- 004646
≈ Cyprus
- 39375F
≈ Very Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 11.35:1 · APCA Lc 96
Ag
FailSiyah üzerinde
WCAG 1.84:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 11.35:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
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);
}