Color con nombre más cercano · #BA918B
#BA918B
Color con nombre más cercano: Nude Lips
#BA918B (rgb(186 145 139), hsl(8 25% 64%), oklch(0.693 0.051 28)) se parece más al color con nombre Nude Lips. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#BA918B
oklch(0.693 0.051 28)
Conversiones de color
- HEX
- #ba918b
- RGB
- rgb(186 145 139)
- HSL
- hsl(8 25% 64%)
- HWB
- hwb(8 55% 27%)
- OKLCH
- oklch(0.693 0.051 28)
- OKLab
- oklab(0.693 0.045 0.024)
- CIE Lab
- lab(63.99 15.28 9.44)
- LCH
- lch(63.99 17.96 31.7)
- CMYK
- cmyk(0% 22% 25% 27%)
Tintes · Sombras · Tonos
Tintes
- C19C96
- C8A6A1
- CFB1AD
- D6BCB8
- DDC7C4
- E4D2CF
- EBDDDB
- F1E8E7
- F8F4F3
Sombras
- A17D78
- 896A66
- 725854
- 5C4643
- 463532
- 322523
- 1E1514
- 0D0707
- 020101
Tonos
- B48F8A
- AE8E89
- A98C88
- A38A87
- 9D8986
- 978784
- 928583
- 8C8482
- 868281
Armonías de color
Complementario +180°
- BA918B
Nude Lips
- 77A6AD
≈ Water Cooler
Análogo -30° +30°
- BA918B
Nude Lips
- B8909C
≈ Cherry Juice
- B5957E
≈ Cobbler Shop
Triádico +120° +240°
- BA918B
Nude Lips
- 88A68B
≈ Envy
- 8F9CBD
≈ Lavender Lustre
Complementario dividido +150° +210°
- BA918B
Nude Lips
- 7BA79C
≈ Scenario
- 7FA2B9
≈ Hawaiian Sky
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.51:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
CSS
:root {
--nude-lips: #ba918b;
--nude-lips-rgb: 186 145 139;
--nude-lips-oklch: oklch(0.693 0.051 28);
}
.element {
color: var(--nude-lips);
background-color: hsl(8 25% 64%);
border-color: oklch(0.693 0.051 28);
}Tailwind CSS v4
@theme {
--color-nude-lips: #ba918b;
--color-nude-lips-50: #fff0ed;
--color-nude-lips-100: #f8e2de;
--color-nude-lips-200: #e9cdc8;
--color-nude-lips-300: #d0aea8;
--color-nude-lips-400: #bb948e;
--color-nude-lips-500: #a57a73;
--color-nude-lips-600: #8c6762;
--color-nude-lips-700: #70524e;
--color-nude-lips-800: #533c39;
--color-nude-lips-900: #3a2927;
--color-nude-lips-950: #241715;
}SCSS
$nude-lips: #ba918b;
$nude-lips-rgb: 186, 145, 139;
$nude-lips-light: mix(#fff, $nude-lips, 20%);
$nude-lips-dark: mix(#000, $nude-lips, 20%);
.element {
color: $nude-lips;
box-shadow: 0 0 0 2px rgba($nude-lips, 0.35);
}