Adlandırılmış renk · #59394C
Dulcet Violet
Dulcet Violet, #59394C: rgb(89 57 76), hsl(324 22% 29%), oklch(0.389 0.053 343.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Dulcet Violet color name →
#59394C
oklch(0.389 0.053 343.5)
Renk dönüşümleri
- HEX
- #59394c
- RGB
- rgb(89 57 76)
- HSL
- hsl(324 22% 29%)
- HWB
- hwb(324 22% 65%)
- OKLCH
- oklch(0.389 0.053 343.5)
- OKLab
- oklab(0.389 0.051 -0.015)
- CIE Lab
- lab(28.36 17.02 -5.56)
- LCH
- lch(28.36 17.9 341.9)
- CMYK
- cmyk(0% 36% 15% 65%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 694B5C
- 795D6D
- 89707E
- 99838F
- A996A1
- BAABB3
- CBBFC6
- DCD4D8
- EDE9EC
Koyu tonlar
- 4C3041
- 402836
- 341F2C
- 281722
- 1D1018
- 13090F
- 090406
- 030102
- 000000
Gri tonlar
- 5D4051
- 614756
- 654E5B
- 695560
- 6D5C65
- 71636B
- 756A70
- 797175
- 7C797B
Renk uyumları
Tamamlayıcı +180°
- 59394C
Dulcet Violet
- 274E3D
≈ Springbok Green
Analog -30° +30°
- 59394C
Dulcet Violet
- 4F3C59
≈ Powerful Mauve
- 5E393C
≈ Red Vine
Üçlü +120° +240°
- 59394C
Dulcet Violet
- 4A4623
≈ Uniform Green
- 204B5A
≈ Night Swim
Bölünmüş tamamlayıcı +150° +210°
- 59394C
Dulcet Violet
- 394B2D
≈ Nettle Green
- 1B4E4D
≈ Hornblende Green
Dörtlü +90° +180° +270°
- 59394C
Dulcet Violet
- 564023
≈ Beech Brown
- 274E3D
≈ Springbok Green
- 304661
≈ Stay the Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.93:1 · APCA Lc 93
Ag
FailSiyah üzerinde
WCAG 2.11:1 · APCA Lc 10
En iyi metin rengi: #FFFFFF
WCAG 9.93:1 (AAA) · APCA Lc 93
Contrast pairs
Kod parçacıkları
CSS
:root {
--dulcet-violet: #59394c;
--dulcet-violet-rgb: 89 57 76;
--dulcet-violet-oklch: oklch(0.389 0.053 343.5);
}
.element {
color: var(--dulcet-violet);
background-color: hsl(324 22% 29%);
border-color: oklch(0.389 0.053 343.5);
}Tailwind CSS v4
@theme {
--color-dulcet-violet: #59394c;
--color-dulcet-violet-50: #ffeff8;
--color-dulcet-violet-100: #f6e1ec;
--color-dulcet-violet-200: #e6ccd9;
--color-dulcet-violet-300: #cdadbd;
--color-dulcet-violet-400: #b692a7;
--color-dulcet-violet-500: #a0788f;
--color-dulcet-violet-600: #876679;
--color-dulcet-violet-700: #6c5161;
--color-dulcet-violet-800: #503b48;
--color-dulcet-violet-900: #372932;
--color-dulcet-violet-950: #22161e;
}SCSS
$dulcet-violet: #59394c;
$dulcet-violet-rgb: 89, 57, 76;
$dulcet-violet-light: mix(#fff, $dulcet-violet, 20%);
$dulcet-violet-dark: mix(#000, $dulcet-violet, 20%);
.element {
color: $dulcet-violet;
box-shadow: 0 0 0 2px rgba($dulcet-violet, 0.35);
}