En yakın adlandırılmış renk · #864950
#864950
En yakın adlandırılmış renk: Red Elegance
#864950 (rgb(134 73 80), hsl(353 29% 41%), oklch(0.481 0.083 13.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.
#864950
oklch(0.481 0.083 13.4)
Renk dönüşümleri
- HEX
- #864950
- RGB
- rgb(134 73 80)
- HSL
- hsl(353 29% 41%)
- HWB
- hwb(353 29% 47%)
- OKLCH
- oklch(0.481 0.083 13.4)
- OKLab
- oklab(0.481 0.081 0.019)
- CIE Lab
- lab(38.84 27.09 7.92)
- LCH
- lch(38.84 28.22 16.3)
- CMYK
- cmyk(0% 46% 40% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 935A60
- 9F6B70
- AB7D81
- B88F92
- C4A1A3
- D0B3B5
- DCC6C7
- E8D9D9
- F3ECEC
Koyu tonlar
- 743E44
- 623439
- 512A2E
- 402024
- 30171A
- 210E10
- 130607
- 060202
- 010000
Gri tonlar
- 864F55
- 865559
- 865A5E
- 866063
- 856568
- 856B6C
- 847071
- 837576
- 817B7B
Renk uyumları
Tamamlayıcı +180°
- 864950
Red Elegance
- 006C6B
≈ Mayan Blue
Analog -30° +30°
- 864950
Red Elegance
- 7E4A6A
≈ Madder Magenta
- 854D36
≈ Paarl
Üçlü +120° +240°
- 864950
Red Elegance
- 4B6835
≈ Dell
- 3B608C
≈ Delft
Bölünmüş tamamlayıcı +150° +210°
- 864950
Red Elegance
- 286C50
≈ Sparkling Emerald
- 156880
≈ Pilot Blue
Dörtlü +90° +180° +270°
- 864950
Red Elegance
- 666021
≈ High Forest Green
- 006C6B
≈ Mayan Blue
- 58578B
≈ Mountain Iris
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.81:1 · APCA Lc 83
Ag
FailSiyah üzerinde
WCAG 3.08:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 6.81:1 (AA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-elegance: #864950;
--red-elegance-rgb: 134 73 80;
--red-elegance-oklch: oklch(0.481 0.083 13.4);
}
.element {
color: var(--red-elegance);
background-color: hsl(353 29% 41%);
border-color: oklch(0.481 0.083 13.4);
}Tailwind CSS v4
@theme {
--color-red-elegance: #864950;
--color-red-elegance-50: #ffeced;
--color-red-elegance-100: #ffdddf;
--color-red-elegance-200: #f6c7c9;
--color-red-elegance-300: #dfa7a9;
--color-red-elegance-400: #ca8a90;
--color-red-elegance-500: #b66f76;
--color-red-elegance-600: #9a5e64;
--color-red-elegance-700: #7c4b50;
--color-red-elegance-800: #5b363b;
--color-red-elegance-900: #402528;
--color-red-elegance-950: #291316;
}SCSS
$red-elegance: #864950;
$red-elegance-rgb: 134, 73, 80;
$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);
}