Warna bernama terdekat · #BD8E99
#BD8E99
Warna bernama terdekat: Punched Pink
#BD8E99 (rgb(189 142 153), hsl(346 26% 65%), oklch(0.695 0.059 3.2)) paling mendekati warna bernama Punched Pink. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#BD8E99
oklch(0.695 0.059 3.2)
Konversi warna
- HEX
- #bd8e99
- RGB
- rgb(189 142 153)
- HSL
- hsl(346 26% 65%)
- HWB
- hwb(346 56% 26%)
- OKLCH
- oklch(0.695 0.059 3.2)
- OKLab
- oklab(0.695 0.059 0.003)
- CIE Lab
- lab(63.87 19.6 1.47)
- LCH
- lch(63.87 19.65 4.3)
- CMYK
- cmyk(0% 25% 19% 26%)
Tint · Shade · Tone
Tint
- C499A3
- CBA4AD
- D1AFB7
- D8BAC1
- DFC5CB
- E5D1D5
- ECDCDF
- F2E8EA
- F9F3F4
Shade
- A47B84
- 8C6870
- 74565D
- 5D444A
- 473438
- 332427
- 1F1517
- 0D0708
- 020101
Tone
- B78D96
- B18B94
- AB8A91
- A5898F
- 9F878C
- 99868A
- 938487
- 8C8385
- 868182
Harmoni warna
Komplementer +180°
- BD8E99
Punched Pink
- 73A9A0
≈ Twining Vine
Analog -30° +30°
- BD8E99
Punched Pink
- B490AD
≈ Soft Impact
- BE9085
≈ Revival Rose
Triadik +120° +240°
- BD8E99
Punched Pink
- 96A37B
≈ Renkon Beige
- 7DA2BF
≈ Far Horizons
Split-komplementer +150° +210°
- BD8E99
Punched Pink
- 81A88C
≈ Catnip
- 71A7B3
≈ Stillwater
Tetradik +90° +180° +270°
- BD8E99
Punched Pink
- A99C73
≈ Fresh Olive
- 73A9A0
≈ Twining Vine
- 919BC2
≈ Lavender Lustre
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 {
--punched-pink: #bd8e99;
--punched-pink-rgb: 189 142 153;
--punched-pink-oklch: oklch(0.695 0.059 3.2);
}
.element {
color: var(--punched-pink);
background-color: hsl(346 26% 65%);
border-color: oklch(0.695 0.059 3.2);
}Tailwind CSS v4
@theme {
--color-punched-pink: #bd8e99;
--color-punched-pink-50: #ffeff3;
--color-punched-pink-100: #fae0e5;
--color-punched-pink-200: #eccad1;
--color-punched-pink-300: #d3abb3;
--color-punched-pink-400: #bd909b;
--color-punched-pink-500: #a87682;
--color-punched-pink-600: #8e646e;
--color-punched-pink-700: #725058;
--color-punched-pink-800: #543a41;
--color-punched-pink-900: #3b282d;
--color-punched-pink-950: #24161a;
}SCSS
$punched-pink: #bd8e99;
$punched-pink-rgb: 189, 142, 153;
$punched-pink-light: mix(#fff, $punched-pink, 20%);
$punched-pink-dark: mix(#000, $punched-pink, 20%);
.element {
color: $punched-pink;
box-shadow: 0 0 0 2px rgba($punched-pink, 0.35);
}