Nazwany kolor · #903D49
Luscious
Luscious to #903D49: rgb(144 61 73), hsl(351 40% 40%), oklch(0.474 0.113 13.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Luscious color name →
#903D49
oklch(0.474 0.113 13.5)
Konwersje koloru
- HEX
- #903d49
- RGB
- rgb(144 61 73)
- HSL
- hsl(351 40% 40%)
- HWB
- hwb(351 24% 44%)
- OKLCH
- oklch(0.474 0.113 13.5)
- OKLab
- oklab(0.474 0.11 0.026)
- CIE Lab
- lab(37.76 36.65 11.11)
- LCH
- lch(37.76 38.3 16.9)
- CMYK
- cmyk(0% 58% 49% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C5059
- A8636A
- B4767C
- C0898D
- CB9C9F
- D6AFB2
- E1C3C5
- EBD7D8
- F5EBEB
Odcienie ciemniejsze
- 7D343E
- 6A2B34
- 57222A
- 451A20
- 341217
- 240A0E
- 150406
- 070102
- 010000
Tony
- 90454E
- 8F4C54
- 8E5359
- 8D5A5F
- 8B6064
- 8A676A
- 886D6F
- 867475
- 837A7A
Harmonie kolorów
Komplementarna +180°
- 903D49
Luscious
- 006A69
≈ Chinese Garden
Analogowa -30° +30°
- 903D49
Luscious
- 863F6C
≈ Midnight Aubergine
- 8F4321
≈ Chocolate Covered
Triada +120° +240°
- 903D49
Luscious
- 41691F
≈ Radical Green
- 285D99
≈ Beacon Blue
Komplementarna rozszczepiona +150° +210°
- 903D49
Luscious
- 006D4C
≈ Environmental Green
- 006681
≈ Ocean Depths
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.11:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.94:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--luscious: #903d49;
--luscious-rgb: 144 61 73;
--luscious-oklch: oklch(0.474 0.113 13.5);
}
.element {
color: var(--luscious);
background-color: hsl(351 40% 40%);
border-color: oklch(0.474 0.113 13.5);
}Tailwind CSS v4
@theme {
--color-luscious: #903d49;
--color-luscious-50: #ffe9ea;
--color-luscious-100: #ffd9db;
--color-luscious-200: #ffc1c4;
--color-luscious-300: #eba0a4;
--color-luscious-400: #d8828b;
--color-luscious-500: #c56470;
--color-luscious-600: #a6555f;
--color-luscious-700: #86444c;
--color-luscious-800: #633038;
--color-luscious-900: #462126;
--color-luscious-950: #2d1015;
}SCSS
$luscious: #903d49;
$luscious-rgb: 144, 61, 73;
$luscious-light: mix(#fff, $luscious, 20%);
$luscious-dark: mix(#000, $luscious, 20%);
.element {
color: $luscious;
box-shadow: 0 0 0 2px rgba($luscious, 0.35);
}