Color con nombre más cercano · #D6BB5F
#D6BB5F
Color con nombre más cercano: Luxurious
#D6BB5F (rgb(214 187 95), hsl(46 59% 61%), oklch(0.797 0.116 93.3)) se parece más al color con nombre Luxurious. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D6BB5F
oklch(0.797 0.116 93.3)
Conversiones de color
- HEX
- #d6bb5f
- RGB
- rgb(214 187 95)
- HSL
- hsl(46 59% 61%)
- HWB
- hwb(46 37% 16%)
- OKLCH
- oklch(0.797 0.116 93.3)
- OKLab
- oklab(0.797 -0.007 0.116)
- CIE Lab
- lab(76.85 1.75 49.54)
- LCH
- lch(76.85 49.57 88)
- CMYK
- cmyk(0% 13% 56% 16%)
Tintes · Sombras · Tonos
Tintes
- DAC271
- DEC982
- E2D093
- E6D7A3
- EADDB2
- EEE4C2
- F3EBD1
- F7F2E0
- FBF8F0
Sombras
- BAA252
- 9E8A44
- 847338
- 6A5C2C
- 524620
- 3B3215
- 251F0A
- 100D03
- 020200
Tonos
- CDB565
- C4AF69
- BBA96E
- B3A371
- AA9E75
- A19878
- 99927A
- 918C7C
- 88867E
Armonías de color
Complementario +180°
- D6BB5F
Luxurious
- A7B8FF
≈ Truesky Gloxym
Análogo -30° +30°
- D6BB5F
Luxurious
- F1AC6A
≈ Lion of Menecrates
- AEC973
≈ Young Leaf
Triádico +120° +240°
- D6BB5F
Luxurious
- 4FD0E9
≈ Watercourse
- EAA0DC
≈ Candy Floss
Complementario dividido +150° +210°
- D6BB5F
Luxurious
- 7AC5FF
≈ Maya Blue
- CCAAFA
≈ Purple Hepatica
Tetrádico +90° +180° +270°
- D6BB5F
Luxurious
- 53D5C4
≈ Jamaican Jade
- A7B8FF
≈ Truesky Gloxym
- FB9CB5
≈ Saira Red
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.88:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 11.13:1 · APCA Lc 67
Mejor color de texto: #000000
WCAG 11.13:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmentos de código
CSS
:root {
--luxurious: #d6bb5f;
--luxurious-rgb: 214 187 95;
--luxurious-oklch: oklch(0.797 0.116 93.3);
}
.element {
color: var(--luxurious);
background-color: hsl(46 59% 61%);
border-color: oklch(0.797 0.116 93.3);
}Tailwind CSS v4
@theme {
--color-luxurious: #d6bb5f;
--color-luxurious-50: #fff6d0;
--color-luxurious-100: #f4e8bd;
--color-luxurious-200: #e3d49c;
--color-luxurious-300: #cab771;
--color-luxurious-400: #b69d46;
--color-luxurious-500: #a08300;
--color-luxurious-600: #886f08;
--color-luxurious-700: #6d5908;
--color-luxurious-800: #514004;
--color-luxurious-900: #392c03;
--color-luxurious-950: #231900;
}SCSS
$luxurious: #d6bb5f;
$luxurious-rgb: 214, 187, 95;
$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);
}