이름 색상 · #D4B75D
Luxurious
Luxurious은(는) #D4B75D: rgb(212 183 93), hsl(45 58% 60%), oklch(0.786 0.115 91.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Luxurious color name →
#D4B75D
oklch(0.786 0.115 91.8)
색상 변환
- HEX
- #d4b75d
- RGB
- rgb(212 183 93)
- HSL
- hsl(45 58% 60%)
- HWB
- hwb(45 36% 17%)
- OKLCH
- oklch(0.786 0.115 91.8)
- OKLab
- oklab(0.786 -0.004 0.115)
- CIE Lab
- lab(75.61 2.79 49.02)
- LCH
- lch(75.61 49.1 86.7)
- CMYK
- cmyk(0% 14% 56% 17%)
틴트 · 셰이드 · 톤
틴트
- D8BE6F
- DDC681
- E1CD91
- E5D4A1
- E9DBB1
- EEE2C1
- F2EAD0
- F6F1E0
- FBF8EF
셰이드
- B89F50
- 9D8743
- 837037
- 695A2A
- 51451F
- 3A3114
- 241E0A
- 100C03
- 020200
톤
- CBB263
- C3AC68
- BAA76C
- B2A170
- A99C74
- A19677
- 989179
- 908B7C
- 88867E
색 조화
보색 +180°
- D4B75D
Luxurious
- A1B5FF
≈ Truesky Gloxym
유사색 -30° +30°
- D4B75D
Luxurious
- EEA869
≈ Spun Gold
- ADC56F
≈ Old Lime
삼각 배색 +120° +240°
- D4B75D
Luxurious
- 4DCDE4
≈ Watercourse
- E59EDA
≈ Plum Juice
분열 보색 +150° +210°
- D4B75D
Luxurious
- 72C2FC
≈ Maya Blue
- C7A8F7
≈ Purple Hepatica
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.73:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
CSS
:root {
--luxurious: #d4b75d;
--luxurious-rgb: 212 183 93;
--luxurious-oklch: oklch(0.786 0.115 91.8);
}
.element {
color: var(--luxurious);
background-color: hsl(45 58% 60%);
border-color: oklch(0.786 0.115 91.8);
}Tailwind CSS v4
@theme {
--color-luxurious: #d4b75d;
--color-luxurious-50: #fff5d1;
--color-luxurious-100: #f4e8bd;
--color-luxurious-200: #e4d49c;
--color-luxurious-300: #cbb772;
--color-luxurious-400: #b79c47;
--color-luxurious-500: #a28303;
--color-luxurious-600: #896f0c;
--color-luxurious-700: #6e580b;
--color-luxurious-800: #524005;
--color-luxurious-900: #392c04;
--color-luxurious-950: #231900;
}SCSS
$luxurious: #d4b75d;
$luxurious-rgb: 212, 183, 93;
$luxurious-light: mix(#fff, $luxurious, 20%);
$luxurious-dark: mix(#000, $luxurious, 20%);
.element {
color: $luxurious;
box-shadow: 0 0 0 2px rgba($luxurious, 0.35);
}