En yakın adlandırılmış renk · #5D4153
#5D4153
En yakın adlandırılmış renk: Grape Fizz
#5D4153 (rgb(93 65 83), hsl(321 18% 31%), oklch(0.413 0.047 340.6)) en çok Grape Fizz adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5D4153
oklch(0.413 0.047 340.6)
Renk dönüşümleri
- HEX
- #5d4153
- RGB
- rgb(93 65 83)
- HSL
- hsl(321 18% 31%)
- HWB
- hwb(321 25% 64%)
- OKLCH
- oklch(0.413 0.047 340.6)
- OKLab
- oklab(0.413 0.045 -0.016)
- CIE Lab
- lab(31.23 14.92 -5.79)
- LCH
- lch(31.23 16 338.8)
- CMYK
- cmyk(0% 30% 11% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6C5263
- 7C6473
- 8B7683
- 9B8894
- AB9BA5
- BCAEB6
- CCC2C8
- DDD6DA
- EEEAEC
Koyu tonlar
- 503747
- 432E3B
- 372530
- 2A1C25
- 1F131B
- 140B11
- 0A0508
- 030102
- 000000
Gri tonlar
- 614757
- 644D5C
- 685360
- 6B5A65
- 6F6069
- 72666E
- 766D72
- 797377
- 7D797B
Renk uyumları
Tamamlayıcı +180°
- 5D4153
Grape Fizz
- 335343
≈ Highland Green
Analog -30° +30°
- 5D4153
Grape Fizz
- 53445E
≈ Petal Purple
- 624045
≈ Deep Maroon
Üçlü +120° +240°
- 5D4153
Grape Fizz
- 514C2D
≈ Codium Fragile
- 2B515D
≈ Encore Teal
Bölünmüş tamamlayıcı +150° +210°
- 5D4153
Grape Fizz
- 425135
≈ Green Shade Wash
- 295351
≈ Sea Moss
Dörtlü +90° +180° +270°
- 5D4153
Grape Fizz
- 5C472E
≈ Brown Hen
- 335343
≈ Highland Green
- 374D64
≈ Rain Boots
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.94:1 · APCA Lc 90
Ag
FailSiyah üzerinde
WCAG 2.34:1 · APCA Lc 12
En iyi metin rengi: #FFFFFF
WCAG 8.94:1 (AAA) · APCA Lc 90
Contrast pairs
Kod parçacıkları
CSS
:root {
--grape-fizz: #5d4153;
--grape-fizz-rgb: 93 65 83;
--grape-fizz-oklch: oklch(0.413 0.047 340.6);
}
.element {
color: var(--grape-fizz);
background-color: hsl(321 18% 31%);
border-color: oklch(0.413 0.047 340.6);
}Tailwind CSS v4
@theme {
--color-grape-fizz: #5d4153;
--color-grape-fizz-50: #fff0f9;
--color-grape-fizz-100: #f4e2ec;
--color-grape-fizz-200: #e4cdda;
--color-grape-fizz-300: #caaebe;
--color-grape-fizz-400: #b394a7;
--color-grape-fizz-500: #9c7a90;
--color-grape-fizz-600: #84687a;
--color-grape-fizz-700: #6a5361;
--color-grape-fizz-800: #4e3c48;
--color-grape-fizz-900: #362932;
--color-grape-fizz-950: #21171e;
}SCSS
$grape-fizz: #5d4153;
$grape-fizz-rgb: 93, 65, 83;
$grape-fizz-light: mix(#fff, $grape-fizz, 20%);
$grape-fizz-dark: mix(#000, $grape-fizz, 20%);
.element {
color: $grape-fizz;
box-shadow: 0 0 0 2px rgba($grape-fizz, 0.35);
}