Cor nomeada mais próxima · #D9BEA8
#D9BEA8
Cor nomeada mais próxima: Soba
#D9BEA8 (rgb(217 190 168), hsl(27 39% 75%), oklch(0.819 0.043 61.3)) é mais próxima da cor nomeada Soba. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D9BEA8
oklch(0.819 0.043 61.3)
Conversões de cor
- HEX
- #d9bea8
- RGB
- rgb(217 190 168)
- HSL
- hsl(27 39% 75%)
- HWB
- hwb(27 66% 15%)
- OKLCH
- oklch(0.819 0.043 61.3)
- OKLab
- oklab(0.819 0.021 0.038)
- CIE Lab
- lab(78.88 7.41 14.87)
- LCH
- lch(78.88 16.61 63.5)
- CMYK
- cmyk(0% 12% 23% 15%)
Tons claros · Sombras · Tons
Tons claros
- DDC4B1
- E1CBB9
- E5D1C2
- E8D8CA
- ECDED3
- F0E5DC
- F4EBE4
- F8F2ED
- FBF8F6
Sombras
- BCA592
- A18C7C
- 867567
- 6C5E52
- 53483F
- 3B332C
- 251F1A
- 110D0A
- 020201
Tons
- D0B8A4
- C7B1A0
- BEAB9C
- B5A598
- AC9F94
- A39890
- 9A928C
- 918C88
- 898684
Harmonias de cor
Complementar +180°
- D9BEA8
Soba
- ACC8DE
≈ Caspian Tide
Análoga -30° +30°
- D9BEA8
Soba
- DEBAB3
≈ Cavern Pink
- CEC3A5
≈ Seasoned Salt
Tríade +120° +240°
- D9BEA8
Soba
- A6CDC5
≈ Baby Aqua
- C8BEDC
≈ Purple Dragon
Complementar dividida +150° +210°
- D9BEA8
Soba
- A4CCD4
≈ Drip
- B9C3E0
≈ Etherium Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.76:1 · APCA Lc 32
Ag
AAASobre preto
WCAG 11.88:1 · APCA Lc 70
Melhor cor de texto: #000000
WCAG 11.88:1 (AAA) · APCA Lc 70
Contrast pairs
Trechos de código
CSS
:root {
--soba: #d9bea8;
--soba-rgb: 217 190 168;
--soba-oklch: oklch(0.819 0.043 61.3);
}
.element {
color: var(--soba);
background-color: hsl(27 39% 75%);
border-color: oklch(0.819 0.043 61.3);
}Tailwind CSS v4
@theme {
--color-soba: #d9bea8;
--color-soba-50: #fef3e9;
--color-soba-100: #f3e5d9;
--color-soba-200: #e2d1c2;
--color-soba-300: #c8b3a1;
--color-soba-400: #b29985;
--color-soba-500: #9c8069;
--color-soba-600: #846c59;
--color-soba-700: #695747;
--color-soba-800: #4e3f34;
--color-soba-900: #362b23;
--color-soba-950: #211912;
}SCSS
$soba: #d9bea8;
$soba-rgb: 217, 190, 168;
$soba-light: mix(#fff, $soba, 20%);
$soba-dark: mix(#000, $soba, 20%);
.element {
color: $soba;
box-shadow: 0 0 0 2px rgba($soba, 0.35);
}