Colore con nome · #D4B75D
Luxurious
Luxurious è #D4B75D: rgb(212 183 93), hsl(45 58% 60%), oklch(0.786 0.115 91.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Luxurious color name →
#D4B75D
oklch(0.786 0.115 91.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D8BE6F
- DDC681
- E1CD91
- E5D4A1
- E9DBB1
- EEE2C1
- F2EAD0
- F6F1E0
- FBF8EF
Ombre
- B89F50
- 9D8743
- 837037
- 695A2A
- 51451F
- 3A3114
- 241E0A
- 100C03
- 020200
Toni
- CBB263
- C3AC68
- BAA76C
- B2A170
- A99C74
- A19677
- 989179
- 908B7C
- 88867E
Armonie di colore
Complementare +180°
- D4B75D
Luxurious
- A1B5FF
≈ Truesky Gloxym
Analogo -30° +30°
- D4B75D
Luxurious
- EEA869
≈ Spun Gold
- ADC56F
≈ Old Lime
Triadico +120° +240°
- D4B75D
Luxurious
- 4DCDE4
≈ Watercourse
- E59EDA
≈ Plum Juice
Complementare divisa +150° +210°
- D4B75D
Luxurious
- 72C2FC
≈ Maya Blue
- C7A8F7
≈ Purple Hepatica
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.95:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.73:1 · APCA Lc 65
Miglior colore del testo: #000000
WCAG 10.73:1 (AAA) · APCA Lc 65
Contrast pairs
Frammenti di codice
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);
}