Color con nombre · #D5A585
Yolande
Yolande es #D5A585: rgb(213 165 133), hsl(24 49% 68%), oklch(0.758 0.072 55.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Yolande color name →
#D5A585
oklch(0.758 0.072 55.1)
Conversiones de color
- HEX
- #d5a585
- RGB
- rgb(213 165 133)
- HSL
- hsl(24 49% 68%)
- HWB
- hwb(24 52% 16%)
- OKLCH
- oklch(0.758 0.072 55.1)
- OKLab
- oklab(0.758 0.041 0.059)
- CIE Lab
- lab(71.69 15.13 23.79)
- LCH
- lch(71.69 28.19 57.5)
- CMYK
- cmyk(0% 23% 38% 16%)
Tintes · Sombras · Tonos
Tintes
- DAAE91
- DEB79D
- E2C0A9
- E7C9B5
- EBD2C1
- EFDBCE
- F3E4DA
- F7EDE6
- FBF6F3
Sombras
- B98F73
- 9E7961
- 836550
- 6A5140
- 513D30
- 3A2B21
- 241A13
- 100A06
- 020101
Tonos
- CCA185
- C49E85
- BB9A84
- B39684
- AA9383
- A28F83
- 998B82
- 918882
- 888481
Armonías de color
Complementario +180°
- D5A585
Yolande
- 83B8D8
≈ 21st Century Blue
Análogo -30° +30°
- D5A585
Yolande
- DB9F9A
≈ Pink Pussycat
- C6AE7C
≈ Butterbrot
Triádico +120° +240°
- D5A585
Yolande
- 7FC0AE
≈ Mintage
- B3A8DA
≈ Grape Illusion
Complementario dividido +150° +210°
- D5A585
Yolande
- 78BEC6
≈ Aqua Vitale
- 9AB0DF
≈ Blue Skies Today
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.19:1 · APCA Lc 43
Ag
AAASobre negro
WCAG 9.54:1 · APCA Lc 59
Mejor color de texto: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
Fragmentos de código
CSS
:root {
--yolande: #d5a585;
--yolande-rgb: 213 165 133;
--yolande-oklch: oklch(0.758 0.072 55.1);
}
.element {
color: var(--yolande);
background-color: hsl(24 49% 68%);
border-color: oklch(0.758 0.072 55.1);
}Tailwind CSS v4
@theme {
--color-yolande: #d5a585;
--color-yolande-50: #fff1e2;
--color-yolande-100: #fbe2d1;
--color-yolande-200: #edcdb7;
--color-yolande-300: #d5af94;
--color-yolande-400: #c09476;
--color-yolande-500: #ab7957;
--color-yolande-600: #91674a;
--color-yolande-700: #74523b;
--color-yolande-800: #563b2b;
--color-yolande-900: #3c291d;
--color-yolande-950: #26170d;
}SCSS
$yolande: #d5a585;
$yolande-rgb: 213, 165, 133;
$yolande-light: mix(#fff, $yolande, 20%);
$yolande-dark: mix(#000, $yolande, 20%);
.element {
color: $yolande;
box-shadow: 0 0 0 2px rgba($yolande, 0.35);
}