En yakın adlandırılmış renk · #874D56
#874D56
En yakın adlandırılmış renk: Red Elegance
#874D56 (rgb(135 77 86), hsl(351 27% 42%), oklch(0.491 0.079 10.4)) 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.
#874D56
oklch(0.491 0.079 10.4)
Renk dönüşümleri
- HEX
- #874d56
- RGB
- rgb(135 77 86)
- HSL
- hsl(351 27% 42%)
- HWB
- hwb(351 30% 47%)
- OKLCH
- oklch(0.491 0.079 10.4)
- OKLab
- oklab(0.491 0.078 0.014)
- CIE Lab
- lab(40.04 25.88 5.89)
- LCH
- lch(40.04 26.54 12.8)
- CMYK
- cmyk(0% 43% 36% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 935E65
- A06F75
- AC8085
- B89196
- C4A3A7
- D0B5B8
- DCC7C9
- E8D9DB
- F3ECED
Koyu tonlar
- 75424A
- 63373E
- 512C32
- 412227
- 31181C
- 210F12
- 130708
- 060202
- 010000
Gri tonlar
- 87525A
- 87585E
- 875D62
- 866267
- 85676B
- 856C6F
- 847173
- 837677
- 817B7C
Renk uyumları
Tamamlayıcı +180°
- 874D56
Red Elegance
- 156F6B
≈ Pine Scented Lagoon
Analog -30° +30°
- 874D56
Red Elegance
- 7F4E6E
≈ Brocade Violet
- 87513D
≈ Hipsterfication
Üçlü +120° +240°
- 874D56
Red Elegance
- 516A38
≈ Tiāntāi Mountain Green
- 3D648C
≈ Mississippi River
Bölünmüş tamamlayıcı +150° +210°
- 874D56
Red Elegance
- 326E51
≈ Jungle Book Green
- 1E6B80
≈ Allports
Dörtlü +90° +180° +270°
- 874D56
Red Elegance
- 6B6228
≈ Saguaro
- 156F6B
≈ Pine Scented Lagoon
- 585B8D
≈ Midnight Sea
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.50:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.22:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-elegance: #874d56;
--red-elegance-rgb: 135 77 86;
--red-elegance-oklch: oklch(0.491 0.079 10.4);
}
.element {
color: var(--red-elegance);
background-color: hsl(351 27% 42%);
border-color: oklch(0.491 0.079 10.4);
}Tailwind CSS v4
@theme {
--color-red-elegance: #874d56;
--color-red-elegance-50: #ffecef;
--color-red-elegance-100: #ffdee1;
--color-red-elegance-200: #f4c7cb;
--color-red-elegance-300: #dda7ac;
--color-red-elegance-400: #c88b93;
--color-red-elegance-500: #b4707a;
--color-red-elegance-600: #985f67;
--color-red-elegance-700: #7a4c52;
--color-red-elegance-800: #5a373d;
--color-red-elegance-900: #3f252a;
--color-red-elegance-950: #281417;
}SCSS
$red-elegance: #874d56;
$red-elegance-rgb: 135, 77, 86;
$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);
}