Color con nombre más cercano · #DFBAA4
#DFBAA4
Color con nombre más cercano: Soba
#DFBAA4 (rgb(223 186 164), hsl(22 48% 76%), oklch(0.816 0.052 52.5)) se parece más al color con nombre Soba. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DFBAA4
oklch(0.816 0.052 52.5)
Conversiones de color
- HEX
- #dfbaa4
- RGB
- rgb(223 186 164)
- HSL
- hsl(22 48% 76%)
- HWB
- hwb(22 64% 13%)
- OKLCH
- oklch(0.816 0.052 52.5)
- OKLab
- oklab(0.816 0.032 0.042)
- CIE Lab
- lab(78.39 11.31 16.42)
- LCH
- lch(78.39 19.94 55.4)
- CMYK
- cmyk(0% 17% 26% 13%)
Tintes · Sombras · Tonos
Tintes
- E2C1AD
- E6C8B6
- E9CEBF
- ECD5C8
- EFDCD1
- F3E3DA
- F6EAE3
- F9F1EC
- FCF8F6
Sombras
- C2A18E
- A58979
- 8A7264
- 6F5C50
- 56463D
- 3D322B
- 271E1A
- 120D0A
- 020201
Tonos
- D5B4A0
- CBAE9D
- C2A899
- B8A396
- AF9D92
- A5978F
- 9C918B
- 928B87
- 898684
Armonías de color
Complementario +180°
- DFBAA4
Soba
- A2C9DF
≈ Piezo Blue
Análogo -30° +30°
- DFBAA4
Soba
- E3B6B3
≈ Pink Dust
- D4C09D
≈ Gold Wash
Triádico +120° +240°
- DFBAA4
Soba
- A1CEBF
≈ Tareyton
- C3BDE2
≈ Purple Dragon
Complementario dividido +150° +210°
- DFBAA4
Soba
- 9BCDD1
≈ Pentagon
- B1C3E5
≈ Promise Keeping
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASobre negro
WCAG 11.69:1 · APCA Lc 69
Mejor color de texto: #000000
WCAG 11.69:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmentos de código
CSS
:root {
--soba: #dfbaa4;
--soba-rgb: 223 186 164;
--soba-oklch: oklch(0.816 0.052 52.5);
}
.element {
color: var(--soba);
background-color: hsl(22 48% 76%);
border-color: oklch(0.816 0.052 52.5);
}Tailwind CSS v4
@theme {
--color-soba: #dfbaa4;
--color-soba-50: #fff2e7;
--color-soba-100: #f7e4d8;
--color-soba-200: #e7cfc0;
--color-soba-300: #ceb19f;
--color-soba-400: #b89682;
--color-soba-500: #a37d66;
--color-soba-600: #896a57;
--color-soba-700: #6e5545;
--color-soba-800: #523d32;
--color-soba-900: #392a22;
--color-soba-950: #231811;
}SCSS
$soba: #dfbaa4;
$soba-rgb: 223, 186, 164;
$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);
}