Warna bernama terdekat · #DF9B9B
#DF9B9B
Warna bernama terdekat: She Loves Pink
#DF9B9B (rgb(223 155 155), hsl(0 52% 74%), oklch(0.756 0.082 19.2)) paling mendekati warna bernama She Loves Pink. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#DF9B9B
oklch(0.756 0.082 19.2)
Konversi warna
- HEX
- #df9b9b
- RGB
- rgb(223 155 155)
- HSL
- hsl(0 52% 74%)
- HWB
- hwb(0 61% 13%)
- OKLCH
- oklch(0.756 0.082 19.2)
- OKLab
- oklab(0.756 0.077 0.027)
- CIE Lab
- lab(70.8 26.17 10.8)
- LCH
- lch(70.8 28.31 22.4)
- CMYK
- cmyk(0% 30% 30% 13%)
Tint · Shade · Tone
Tint
- E3A5A5
- E7AFAE
- EAB9B8
- EEC3C2
- F1CDCC
- F4D7D6
- F7E1E0
- FAEBEA
- FCF5F5
Shade
- C28686
- A57272
- 8A5E5E
- 6F4B4B
- 563939
- 3D2828
- 271818
- 120909
- 020101
Tone
- D69898
- CC9696
- C39393
- B99190
- B08E8E
- A68B8B
- 9D8988
- 938685
- 8A8383
Harmoni warna
Komplementer +180°
- DF9B9B
She Loves Pink
- 6CC0C3
≈ Luna Moona
Analog -30° +30°
- DF9B9B
She Loves Pink
- D89BB8
≈ Sweet Perfume
- DBA182
≈ Sienna Ochre
Triadik +120° +240°
- DF9B9B
She Loves Pink
- 95BD8B
≈ Seafoam Green
- 91B1E4
≈ Blue Skies Today
Split-komplementer +150° +210°
- DF9B9B
She Loves Pink
- 79C1A7
≈ Celadon Porcelain
- 77BAD9
≈ Pacific Harbour
Tetradik +90° +180° +270°
- DF9B9B
She Loves Pink
- B3B477
≈ Timothy Grass
- 6CC0C3
≈ Luna Moona
- AEA8E1
≈ Maximum Blue Purple
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.25:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.29:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.29:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
CSS
:root {
--she-loves-pink: #df9b9b;
--she-loves-pink-rgb: 223 155 155;
--she-loves-pink-oklch: oklch(0.756 0.082 19.2);
}
.element {
color: var(--she-loves-pink);
background-color: hsl(0 52% 74%);
border-color: oklch(0.756 0.082 19.2);
}Tailwind CSS v4
@theme {
--color-she-loves-pink: #df9b9b;
--color-she-loves-pink-50: #ffedeb;
--color-she-loves-pink-100: #ffdedc;
--color-she-loves-pink-200: #f6c7c5;
--color-she-loves-pink-300: #dea7a5;
--color-she-loves-pink-400: #ca8b8b;
--color-she-loves-pink-500: #b66f70;
--color-she-loves-pink-600: #9a5f5f;
--color-she-loves-pink-700: #7c4c4c;
--color-she-loves-pink-800: #5b3638;
--color-she-loves-pink-900: #402526;
--color-she-loves-pink-950: #291415;
}SCSS
$she-loves-pink: #df9b9b;
$she-loves-pink-rgb: 223, 155, 155;
$she-loves-pink-light: mix(#fff, $she-loves-pink, 20%);
$she-loves-pink-dark: mix(#000, $she-loves-pink, 20%);
.element {
color: $she-loves-pink;
box-shadow: 0 0 0 2px rgba($she-loves-pink, 0.35);
}