Warna bernama · #CEAEBB
Pink Potion
Pink Potion adalah #CEAEBB: rgb(206 174 187), hsl(336 25% 75%), oklch(0.783 0.041 351.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Red mean? → · Pink Potion color name →
#CEAEBB
oklch(0.783 0.041 351.7)
Konversi warna
- HEX
- #ceaebb
- RGB
- rgb(206 174 187)
- HSL
- hsl(336 25% 75%)
- HWB
- hwb(336 68% 19%)
- OKLCH
- oklch(0.783 0.041 351.7)
- OKLab
- oklab(0.783 0.04 -0.006)
- CIE Lab
- lab(74.25 13.57 -2.11)
- LCH
- lch(74.25 13.73 351.2)
- CMYK
- cmyk(0% 16% 9% 19%)
Tint · Shade · Tone
Tint
- D3B6C2
- D8BEC8
- DDC6CF
- E2CED6
- E7D6DD
- ECDEE3
- F0E6EA
- F5EEF1
- FAF7F8
Shade
- B397A2
- 98808A
- 7F6A73
- 66555C
- 4E4146
- 382E32
- 231C1F
- 0F0B0D
- 020102
Tone
- C6A9B5
- BEA5AF
- B6A0A9
- AE9BA3
- A6979D
- 9F9297
- 978E91
- 8F898B
- 888586
Harmoni warna
Komplementer +180°
- CEAEBB
Pink Potion
- 9FC1B5
≈ Stanley
Analog -30° +30°
- CEAEBB
Pink Potion
- C5B0C8
≈ Purple Essence
- D1AEAD
≈ Pale Persimmon
Triadik +120° +240°
- CEAEBB
Pink Potion
- B8BB9E
≈ Dried Thyme
- 9FBECE
≈ Gift of the Sea
Split-komplementer +150° +210°
- CEAEBB
Pink Potion
- AABFA7
≈ Meadow Morn
- 9AC1C3
≈ Canal Blue
Tetradik +90° +180° +270°
- CEAEBB
Pink Potion
- C6B69B
≈ Sourdough
- 9FC1B5
≈ Stanley
- AAB9D3
≈ Babbling Creek
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.01:1 · APCA Lc 39
Ag
AAADi atas hitam
WCAG 10.39:1 · APCA Lc 63
Warna teks terbaik: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Cuplikan kode
CSS
:root {
--pink-potion: #ceaebb;
--pink-potion-rgb: 206 174 187;
--pink-potion-oklch: oklch(0.783 0.041 351.7);
}
.element {
color: var(--pink-potion);
background-color: hsl(336 25% 75%);
border-color: oklch(0.783 0.041 351.7);
}Tailwind CSS v4
@theme {
--color-pink-potion: #ceaebb;
--color-pink-potion-50: #fff1f6;
--color-pink-potion-100: #f4e3e9;
--color-pink-potion-200: #e3cdd5;
--color-pink-potion-300: #c9afb9;
--color-pink-potion-400: #b295a1;
--color-pink-potion-500: #9c7b89;
--color-pink-potion-600: #846974;
--color-pink-potion-700: #6a545d;
--color-pink-potion-800: #4e3d44;
--color-pink-potion-900: #362a2f;
--color-pink-potion-950: #21171c;
}SCSS
$pink-potion: #ceaebb;
$pink-potion-rgb: 206, 174, 187;
$pink-potion-light: mix(#fff, $pink-potion, 20%);
$pink-potion-dark: mix(#000, $pink-potion, 20%);
.element {
color: $pink-potion;
box-shadow: 0 0 0 2px rgba($pink-potion, 0.35);
}