Najbliższy nazwany kolor · #874850
#874850
Najbliższy nazwany kolor: Red Elegance
#874850 (rgb(135 72 80), hsl(352 30% 41%), oklch(0.48 0.086 12.7)) jest najbliższy nazwanemu kolorowi Red Elegance. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#874850
oklch(0.48 0.086 12.7)
Konwersje koloru
- HEX
- #874850
- RGB
- rgb(135 72 80)
- HSL
- hsl(352 30% 41%)
- HWB
- hwb(352 28% 47%)
- OKLCH
- oklch(0.48 0.086 12.7)
- OKLab
- oklab(0.48 0.084 0.019)
- CIE Lab
- lab(38.76 28.04 7.84)
- LCH
- lch(38.76 29.11 15.6)
- CMYK
- cmyk(0% 47% 41% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 945960
- A06B70
- AC7C81
- B88E92
- C4A0A3
- D0B3B5
- DCC5C7
- E8D8D9
- F3ECEC
Odcienie ciemniejsze
- 753D44
- 633339
- 51292E
- 411F24
- 31161A
- 210D10
- 130607
- 060202
- 010000
Tony
- 874E55
- 875459
- 875A5E
- 865F63
- 866568
- 856A6C
- 847071
- 837576
- 827B7B
Harmonie kolorów
Komplementarna +180°
- 874850
Red Elegance
- 006C6A
≈ Ocean Oasis
Analogowa -30° +30°
- 874850
Red Elegance
- 7F496B
≈ Madder Magenta
- 864C35
≈ Paarl
Triada +120° +240°
- 874850
Red Elegance
- 4A6833
≈ Tree Shade
- 38608D
≈ Luxurious Blue
Komplementarna rozszczepiona +150° +210°
- 874850
Red Elegance
- 256D4F
≈ Precious Emerald
- 0D6881
≈ Pilot Blue
Tetrada +90° +180° +270°
- 874850
Red Elegance
- 675F1D
≈ Brussels Sprout Green
- 006C6A
≈ Ocean Oasis
- 57578D
≈ Berry Mix
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.83:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.07:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.83:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-elegance: #874850;
--red-elegance-rgb: 135 72 80;
--red-elegance-oklch: oklch(0.48 0.086 12.7);
}
.element {
color: var(--red-elegance);
background-color: hsl(352 30% 41%);
border-color: oklch(0.48 0.086 12.7);
}Tailwind CSS v4
@theme {
--color-red-elegance: #874850;
--color-red-elegance-50: #ffeced;
--color-red-elegance-100: #ffdddf;
--color-red-elegance-200: #f7c6c9;
--color-red-elegance-300: #e0a6a9;
--color-red-elegance-400: #cc8990;
--color-red-elegance-500: #b86e76;
--color-red-elegance-600: #9b5d64;
--color-red-elegance-700: #7c4a50;
--color-red-elegance-800: #5c363b;
--color-red-elegance-900: #412529;
--color-red-elegance-950: #291316;
}SCSS
$red-elegance: #874850;
$red-elegance-rgb: 135, 72, 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);
}