Warna bernama · #EFA7BF
Tickled Pink
Tickled Pink adalah #EFA7BF: rgb(239 167 191), hsl(340 69% 80%), oklch(0.804 0.09 357.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Tickled Pink color name →
#EFA7BF
oklch(0.804 0.09 357.6)
Konversi warna
- HEX
- #efa7bf
- RGB
- rgb(239 167 191)
- HSL
- hsl(340 69% 80%)
- HWB
- hwb(340 65% 6%)
- OKLCH
- oklch(0.804 0.09 357.6)
- OKLab
- oklab(0.804 0.09 -0.004)
- CIE Lab
- lab(76.11 29.78 -1.08)
- LCH
- lch(76.11 29.8 357.9)
- CMYK
- cmyk(0% 30% 20% 6%)
Tint · Shade · Tone
Tint
- F1B0C5
- F3B9CC
- F5C1D2
- F7CAD8
- F9D3DF
- FADCE5
- FCE5EB
- FDEDF2
- FEF6F8
Shade
- D091A6
- B17B8D
- 946675
- 78525E
- 5C3E48
- 422C33
- 2A1A1F
- 140A0D
- 030102
Tone
- E4A3B8
- D99FB2
- CD9CAC
- C298A5
- B7949F
- AC9099
- A18C92
- 96888C
- 8B8486
Harmoni warna
Komplementer +180°
- EFA7BF
Tickled Pink
- 7BD2BE
≈ Green Parakeet
Analog -30° +30°
- EFA7BF
Tickled Pink
- DFABDD
≈ Barely Bloomed
- F4A99F
≈ Rosy Outlook
Triadik +120° +240°
- EFA7BF
Tickled Pink
- BAC784
≈ Apple II Beige
- 86C8F2
≈ Fish Pond
Split-komplementer +150° +210°
- EFA7BF
Tickled Pink
- 98CF9E
≈ Garden Goddess
- 73D0DD
≈ Summer of ’82
Tetradik +90° +180° +270°
- EFA7BF
Tickled Pink
- D7BC7A
≈ Jojoba
- 7BD2BE
≈ Green Parakeet
- A6BEFA
≈ Pastel Blue
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.91:1 · APCA Lc 37
Ag
AAADi atas hitam
WCAG 10.94:1 · APCA Lc 66
Warna teks terbaik: #000000
WCAG 10.94:1 (AAA) · APCA Lc 66
Contrast pairs
Cuplikan kode
CSS
:root {
--tickled-pink: #efa7bf;
--tickled-pink-rgb: 239 167 191;
--tickled-pink-oklch: oklch(0.804 0.09 357.6);
}
.element {
color: var(--tickled-pink);
background-color: hsl(340 69% 80%);
border-color: oklch(0.804 0.09 357.6);
}Tailwind CSS v4
@theme {
--color-tickled-pink: #efa7bf;
--color-tickled-pink-50: #ffebf4;
--color-tickled-pink-100: #ffdce7;
--color-tickled-pink-200: #f6c5d3;
--color-tickled-pink-300: #dfa5b6;
--color-tickled-pink-400: #ca889e;
--color-tickled-pink-500: #b66c86;
--color-tickled-pink-600: #9a5c72;
--color-tickled-pink-700: #7b495b;
--color-tickled-pink-800: #5b3544;
--color-tickled-pink-900: #40242f;
--color-tickled-pink-950: #28131b;
}SCSS
$tickled-pink: #efa7bf;
$tickled-pink-rgb: 239, 167, 191;
$tickled-pink-light: mix(#fff, $tickled-pink, 20%);
$tickled-pink-dark: mix(#000, $tickled-pink, 20%);
.element {
color: $tickled-pink;
box-shadow: 0 0 0 2px rgba($tickled-pink, 0.35);
}