En yakın adlandırılmış renk · #864F55
#864F55
En yakın adlandırılmış renk: Red Elegance
#864F55 (rgb(134 79 85), hsl(353 26% 42%), oklch(0.493 0.074 13.1)) en çok Red Elegance 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.
#864F55
oklch(0.493 0.074 13.1)
Renk dönüşümleri
- HEX
- #864f55
- RGB
- rgb(134 79 85)
- HSL
- hsl(353 26% 42%)
- HWB
- hwb(353 31% 47%)
- OKLCH
- oklch(0.493 0.074 13.1)
- OKLab
- oklab(0.493 0.072 0.017)
- CIE Lab
- lab(40.34 24.28 6.91)
- LCH
- lch(40.34 25.24 15.9)
- CMYK
- cmyk(0% 41% 37% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 925F64
- 9F7074
- AB8185
- B79295
- C3A4A6
- CFB5B7
- DBC7C9
- E7DADB
- F3ECED
Koyu tonlar
- 744449
- 62383D
- 512E31
- 402326
- 30191C
- 211011
- 130708
- 060202
- 010000
Gri tonlar
- 865459
- 86595D
- 865E62
- 856366
- 85686A
- 846D6F
- 837273
- 827677
- 817B7C
Renk uyumları
Tamamlayıcı +180°
- 864F55
Red Elegance
- 1F6E6D
≈ Peacock Plume
Analog -30° +30°
- 864F55
Red Elegance
- 7F506C
≈ Brocade Violet
- 85533E
≈ Hipsterfication
Üçlü +120° +240°
- 864F55
Red Elegance
- 506A3E
≈ Alfalfa Extract
- 42638B
≈ Winter Palace
Bölünmüş tamamlayıcı +150° +210°
- 864F55
Red Elegance
- 346E55
≈ Toad King
- 286A80
≈ Allports
Dörtlü +90° +180° +270°
- 864F55
Red Elegance
- 69632D
≈ Saguaro
- 1F6E6D
≈ Peacock Plume
- 5B5C8A
≈ Midnight Sea
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.43:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.26:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-elegance: #864f55;
--red-elegance-rgb: 134 79 85;
--red-elegance-oklch: oklch(0.493 0.074 13.1);
}
.element {
color: var(--red-elegance);
background-color: hsl(353 26% 42%);
border-color: oklch(0.493 0.074 13.1);
}Tailwind CSS v4
@theme {
--color-red-elegance: #864f55;
--color-red-elegance-50: #ffedee;
--color-red-elegance-100: #ffdee0;
--color-red-elegance-200: #f2c8ca;
--color-red-elegance-300: #dba8ab;
--color-red-elegance-400: #c68d92;
--color-red-elegance-500: #b27178;
--color-red-elegance-600: #966066;
--color-red-elegance-700: #784d51;
--color-red-elegance-800: #59383c;
--color-red-elegance-900: #3e2629;
--color-red-elegance-950: #271417;
}SCSS
$red-elegance: #864f55;
$red-elegance-rgb: 134, 79, 85;
$red-elegance-light: mix(#fff, $red-elegance, 20%);
$red-elegance-dark: mix(#000, $red-elegance, 20%);
.element {
color: $red-elegance;
box-shadow: 0 0 0 2px rgba($red-elegance, 0.35);
}