Adlandırılmış renk · #903D49
Luscious
Luscious, #903D49: rgb(144 61 73), hsl(351 40% 40%), oklch(0.474 0.113 13.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Luscious color name →
#903D49
oklch(0.474 0.113 13.5)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9C5059
- A8636A
- B4767C
- C0898D
- CB9C9F
- D6AFB2
- E1C3C5
- EBD7D8
- F5EBEB
Koyu tonlar
- 7D343E
- 6A2B34
- 57222A
- 451A20
- 341217
- 240A0E
- 150406
- 070102
- 010000
Gri tonlar
- 90454E
- 8F4C54
- 8E5359
- 8D5A5F
- 8B6064
- 8A676A
- 886D6F
- 867475
- 837A7A
Renk uyumları
Tamamlayıcı +180°
- 903D49
Luscious
- 006A69
≈ Chinese Garden
Analog -30° +30°
- 903D49
Luscious
- 863F6C
≈ Midnight Aubergine
- 8F4321
≈ Chocolate Covered
Üçlü +120° +240°
- 903D49
Luscious
- 41691F
≈ Radical Green
- 285D99
≈ Beacon Blue
Bölünmüş tamamlayıcı +150° +210°
- 903D49
Luscious
- 006D4C
≈ Environmental Green
- 006681
≈ Ocean Depths
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.11:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.94:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
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);
}