Warna bernama · #EFBBCC
Cameo Pink
Cameo Pink adalah #EFBBCC: rgb(239 187 204), hsl(340 62% 84%), oklch(0.843 0.063 357.1). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Cameo Pink color name →
#EFBBCC
oklch(0.843 0.063 357.1)
Konversi warna
- HEX
- #efbbcc
- RGB
- rgb(239 187 204)
- HSL
- hsl(340 62% 84%)
- HWB
- hwb(340 73% 6%)
- OKLCH
- oklch(0.843 0.063 357.1)
- OKLab
- oklab(0.843 0.063 -0.003)
- CIE Lab
- lab(81.01 21.19 -1.02)
- LCH
- lch(81.01 21.22 357.3)
- CMYK
- cmyk(0% 22% 15% 6%)
Tint · Shade · Tone
Tint
- F1C2D1
- F3C9D6
- F5CFDB
- F6D6E0
- F8DDE5
- FAE4EA
- FBEAEF
- FCF1F5
- FEF8FA
Shade
- D0A2B1
- B18A97
- 94737E
- 785C65
- 5C464E
- 423237
- 2A1F22
- 140D0F
- 030202
Tone
- E4B5C4
- D8AFBC
- CDA9B5
- C2A3AD
- B79DA5
- AC979E
- A19196
- 968C8F
- 8B8687
Harmoni warna
Komplementer +180°
- EFBBCC
Cameo Pink
- 9FDACB
≈ Yucca Cream
Analog -30° +30°
- EFBBCC
Cameo Pink
- E3BEE2
≈ Blackberry Yoghurt
- F3BCB5
≈ Dainty Debutante
Triadik +120° +240°
- EFBBCC
Cameo Pink
- C8D2A3
≈ True to You
- A5D3F0
≈ Light Shimmer
Split-komplementer +150° +210°
- EFBBCC
Cameo Pink
- B1D7B4
≈ Flower Stem
- 9AD8E1
≈ Cool Water Lake
Tetradik +90° +180° +270°
- EFBBCC
Cameo Pink
- DDCA9D
≈ Surrey Cream
- 9FDACB
≈ Yucca Cream
- B9CBF6
≈ Ice Cold Stare
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.66:1 · APCA Lc 29
Ag
AAADi atas hitam
WCAG 12.65:1 · APCA Lc 74
Warna teks terbaik: #000000
WCAG 12.65:1 (AAA) · APCA Lc 74
Contrast pairs
Cuplikan kode
CSS
:root {
--cameo-pink: #efbbcc;
--cameo-pink-rgb: 239 187 204;
--cameo-pink-oklch: oklch(0.843 0.063 357.1);
}
.element {
color: var(--cameo-pink);
background-color: hsl(340 62% 84%);
border-color: oklch(0.843 0.063 357.1);
}Tailwind CSS v4
@theme {
--color-cameo-pink: #efbbcc;
--color-cameo-pink-50: #ffeef5;
--color-cameo-pink-100: #fbe0e7;
--color-cameo-pink-200: #eccad3;
--color-cameo-pink-300: #d4aab6;
--color-cameo-pink-400: #be8f9f;
--color-cameo-pink-500: #a97587;
--color-cameo-pink-600: #8f6372;
--color-cameo-pink-700: #734f5b;
--color-cameo-pink-800: #543943;
--color-cameo-pink-900: #3b272f;
--color-cameo-pink-950: #25151b;
}SCSS
$cameo-pink: #efbbcc;
$cameo-pink-rgb: 239, 187, 204;
$cameo-pink-light: mix(#fff, $cameo-pink, 20%);
$cameo-pink-dark: mix(#000, $cameo-pink, 20%);
.element {
color: $cameo-pink;
box-shadow: 0 0 0 2px rgba($cameo-pink, 0.35);
}