Colore con nome · #B5948D
Nude Lips
Nude Lips è #B5948D: rgb(181 148 141), hsl(11 21% 63%), oklch(0.695 0.041 32). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Nude Lips color name →
#B5948D
oklch(0.695 0.041 32)
Conversioni di colore
- HEX
- #b5948d
- RGB
- rgb(181 148 141)
- HSL
- hsl(11 21% 63%)
- HWB
- hwb(11 55% 29%)
- OKLCH
- oklch(0.695 0.041 32)
- OKLab
- oklab(0.695 0.035 0.022)
- CIE Lab
- lab(64.26 11.94 8.61)
- LCH
- lch(64.26 14.73 35.8)
- CMYK
- cmyk(0% 18% 22% 29%)
Tinte · Ombre · Toni
Tinte
- BC9E98
- C4A9A3
- CBB3AE
- D3BEB9
- DAC8C5
- E1D3D0
- E9DEDC
- F0E9E7
- F8F4F3
Ombre
- 9D807A
- 866D67
- 6F5A55
- 594844
- 443633
- 302623
- 1D1614
- 0C0807
- 020101
Toni
- B0928C
- AA908A
- A58E89
- A08C88
- 9B8A87
- 958885
- 908684
- 8B8483
- 858281
Armonie di colore
Complementare +180°
- B5948D
Nude Lips
- 80A4AC
≈ Ziggurat
Analogo -30° +30°
- B5948D
Nude Lips
- B4939B
≈ Legendary Lilac
- B09883
≈ Mexican Sand
Triadico +120° +240°
- B5948D
Nude Lips
- 8BA590
≈ Envy
- 949CB7
≈ Skyline
Complementare divisa +150° +210°
- B5948D
Nude Lips
- 81A69F
≈ Scenario
- 87A1B5
≈ Silver Skate
Tetradico +90° +180° +270°
- B5948D
Nude Lips
- 98A185
≈ Zebra Grass
- 80A4AC
≈ Ziggurat
- A197B3
≈ Heirloom Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.76:1 · APCA Lc 53
Ag
AAASu nero
WCAG 7.58:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.58:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--nude-lips: #b5948d;
--nude-lips-rgb: 181 148 141;
--nude-lips-oklch: oklch(0.695 0.041 32);
}
.element {
color: var(--nude-lips);
background-color: hsl(11 21% 63%);
border-color: oklch(0.695 0.041 32);
}Tailwind CSS v4
@theme {
--color-nude-lips: #b5948d;
--color-nude-lips-50: #fff1ed;
--color-nude-lips-100: #f5e3df;
--color-nude-lips-200: #e5cec9;
--color-nude-lips-300: #ccb0aa;
--color-nude-lips-400: #b6968f;
--color-nude-lips-500: #a07d75;
--color-nude-lips-600: #876a63;
--color-nude-lips-700: #6c544f;
--color-nude-lips-800: #503d3a;
--color-nude-lips-900: #382a28;
--color-nude-lips-950: #221816;
}SCSS
$nude-lips: #b5948d;
$nude-lips-rgb: 181, 148, 141;
$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);
}