이름 색상 · #903D49
Luscious
Luscious은(는) #903D49: rgb(144 61 73), hsl(351 40% 40%), oklch(0.474 0.113 13.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Luscious color name →
#903D49
oklch(0.474 0.113 13.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 9C5059
- A8636A
- B4767C
- C0898D
- CB9C9F
- D6AFB2
- E1C3C5
- EBD7D8
- F5EBEB
셰이드
- 7D343E
- 6A2B34
- 57222A
- 451A20
- 341217
- 240A0E
- 150406
- 070102
- 010000
톤
- 90454E
- 8F4C54
- 8E5359
- 8D5A5F
- 8B6064
- 8A676A
- 886D6F
- 867475
- 837A7A
색 조화
보색 +180°
- 903D49
Luscious
- 006A69
≈ Chinese Garden
유사색 -30° +30°
- 903D49
Luscious
- 863F6C
≈ Midnight Aubergine
- 8F4321
≈ Chocolate Covered
삼각 배색 +120° +240°
- 903D49
Luscious
- 41691F
≈ Radical Green
- 285D99
≈ Beacon Blue
분열 보색 +150° +210°
- 903D49
Luscious
- 006D4C
≈ Environmental Green
- 006681
≈ Ocean Depths
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.11:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.94:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.11:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
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);
}