Cor nomeada mais próxima · #D7B296
#D7B296
Cor nomeada mais próxima: Cashmere
#D7B296 (rgb(215 178 150), hsl(26 45% 72%), oklch(0.789 0.058 58.9)) é mais próxima da cor nomeada Cashmere. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D7B296
oklch(0.789 0.058 58.9)
Conversões de cor
- HEX
- #d7b296
- RGB
- rgb(215 178 150)
- HSL
- hsl(26 45% 72%)
- HWB
- hwb(26 59% 16%)
- OKLCH
- oklch(0.789 0.058 58.9)
- OKLab
- oklab(0.789 0.03 0.049)
- CIE Lab
- lab(75.38 10.85 19.65)
- LCH
- lch(75.38 22.45 61.1)
- CMYK
- cmyk(0% 17% 30% 16%)
Tons claros · Sombras · Tons
Tons claros
- DBBAA0
- DFC1AB
- E3C9B5
- E7D0BF
- EBD8CA
- EFE0D4
- F3E8DF
- F7EFEA
- FBF7F4
Sombras
- BB9A82
- 9F836E
- 856D5B
- 6B5749
- 524337
- 3B2F26
- 251D16
- 110C08
- 020101
Tons
- CEAD94
- C5A892
- BCA390
- B49E8E
- AB998B
- A29489
- 9A8F87
- 918A85
- 888582
Harmonias de cor
Complementar +180°
- D7B296
Cashmere
- 99C0DC
≈ January Frost
Análoga -30° +30°
- D7B296
Cashmere
- DDADA5
≈ Pale Blush
- C9B990
≈ Earth Friendly
Tríade +120° +240°
- D7B296
Cashmere
- 92C7BB
≈ Float Your Boat
- BFB3DB
≈ Moonraker
Complementar dividida +150° +210°
- D7B296
Cashmere
- 8FC5CE
≈ Cosmic Blue
- ABB9E0
≈ French Lilac Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.96:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.69:1 · APCA Lc 65
Melhor cor de texto: #000000
WCAG 10.69:1 (AAA) · APCA Lc 65
Contrast pairs
Trechos de código
CSS
:root {
--cashmere: #d7b296;
--cashmere-rgb: 215 178 150;
--cashmere-oklch: oklch(0.789 0.058 58.9);
}
.element {
color: var(--cashmere);
background-color: hsl(26 45% 72%);
border-color: oklch(0.789 0.058 58.9);
}Tailwind CSS v4
@theme {
--color-cashmere: #d7b296;
--color-cashmere-50: #fff2e5;
--color-cashmere-100: #f7e4d5;
--color-cashmere-200: #e7cfbc;
--color-cashmere-300: #ceb19a;
--color-cashmere-400: #b9977d;
--color-cashmere-500: #a37d60;
--color-cashmere-600: #8a6a51;
--color-cashmere-700: #6f5541;
--color-cashmere-800: #523d2f;
--color-cashmere-900: #392a20;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #d7b296;
$cashmere-rgb: 215, 178, 150;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}