Cor nomeada mais próxima · #BA918B
#BA918B
Cor nomeada mais próxima: Nude Lips
#BA918B (rgb(186 145 139), hsl(8 25% 64%), oklch(0.693 0.051 28)) é mais próxima da cor nomeada Nude Lips. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#BA918B
oklch(0.693 0.051 28)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C19C96
- C8A6A1
- CFB1AD
- D6BCB8
- DDC7C4
- E4D2CF
- EBDDDB
- F1E8E7
- F8F4F3
Sombras
- A17D78
- 896A66
- 725854
- 5C4643
- 463532
- 322523
- 1E1514
- 0D0707
- 020101
Tons
- B48F8A
- AE8E89
- A98C88
- A38A87
- 9D8986
- 978784
- 928583
- 8C8482
- 868281
Harmonias de cor
Complementar +180°
- BA918B
Nude Lips
- 77A6AD
≈ Water Cooler
Análoga -30° +30°
- BA918B
Nude Lips
- B8909C
≈ Cherry Juice
- B5957E
≈ Cobbler Shop
Tríade +120° +240°
- BA918B
Nude Lips
- 88A68B
≈ Envy
- 8F9CBD
≈ Lavender Lustre
Complementar dividida +150° +210°
- BA918B
Nude Lips
- 7BA79C
≈ Scenario
- 7FA2B9
≈ Hawaiian Sky
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.51:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos 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);
}