Warna bernama terdekat · #B09491
#B09491
Warna bernama terdekat: Nude Lips
#B09491 (rgb(176 148 145), hsl(6 16% 63%), oklch(0.691 0.034 25.2)) paling mendekati warna bernama Nude Lips. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#B09491
oklch(0.691 0.034 25.2)
Konversi warna
- HEX
- #b09491
- RGB
- rgb(176 148 145)
- HSL
- hsl(6 16% 63%)
- HWB
- hwb(6 57% 31%)
- OKLCH
- oklch(0.691 0.034 25.2)
- OKLab
- oklab(0.691 0.031 0.014)
- CIE Lab
- lab(63.84 10.43 5.7)
- LCH
- lch(63.84 11.89 28.6)
- CMYK
- cmyk(0% 16% 18% 31%)
Tint · Shade · Tone
Tint
- B89E9B
- C0A9A6
- C8B3B1
- CFBEBC
- D7C8C7
- DFD3D2
- E7DEDD
- EFE9E8
- F7F4F4
Shade
- 99807D
- 826D6A
- 6C5A58
- 564846
- 423635
- 2E2625
- 1C1615
- 0B0807
- 010101
Tone
- AB928F
- A6908E
- A28E8C
- 9D8C8A
- 988A88
- 938887
- 8E8685
- 8A8483
- 858282
Harmoni warna
Komplementer +180°
- B09491
Nude Lips
- 84A2A6
≈ Tourmaline
Analog -30° +30°
- B09491
Nude Lips
- AE939D
≈ Legendary Lilac
- AD9788
≈ Chic Taupe
Triadik +120° +240°
- B09491
Nude Lips
- 8FA28F
≈ Hillside View
- 919CB1
≈ Periwinkle Dusk
Split-komplementer +150° +210°
- B09491
Nude Lips
- 86A39A
≈ Modern Mint
- 88A0AE
≈ Qiān Hūi Grey
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.80:1 · APCA Lc 54
Ag
AAADi atas hitam
WCAG 7.49:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--nude-lips: #b09491;
--nude-lips-rgb: 176 148 145;
--nude-lips-oklch: oklch(0.691 0.034 25.2);
}
.element {
color: var(--nude-lips);
background-color: hsl(6 16% 63%);
border-color: oklch(0.691 0.034 25.2);
}Tailwind CSS v4
@theme {
--color-nude-lips: #b09491;
--color-nude-lips-50: #fff2f0;
--color-nude-lips-100: #f3e4e2;
--color-nude-lips-200: #e3cfcc;
--color-nude-lips-300: #c8b1ae;
--color-nude-lips-400: #b29794;
--color-nude-lips-500: #9c7e7b;
--color-nude-lips-600: #846b68;
--color-nude-lips-700: #695553;
--color-nude-lips-800: #4e3e3d;
--color-nude-lips-900: #362b2a;
--color-nude-lips-950: #211817;
}SCSS
$nude-lips: #b09491;
$nude-lips-rgb: 176, 148, 145;
$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);
}