Colore con nome · #CEAEBB
Pink Potion
Pink Potion è #CEAEBB: rgb(206 174 187), hsl(336 25% 75%), oklch(0.783 0.041 351.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Pink Potion color name →
#CEAEBB
oklch(0.783 0.041 351.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D3B6C2
- D8BEC8
- DDC6CF
- E2CED6
- E7D6DD
- ECDEE3
- F0E6EA
- F5EEF1
- FAF7F8
Ombre
- B397A2
- 98808A
- 7F6A73
- 66555C
- 4E4146
- 382E32
- 231C1F
- 0F0B0D
- 020102
Toni
- C6A9B5
- BEA5AF
- B6A0A9
- AE9BA3
- A6979D
- 9F9297
- 978E91
- 8F898B
- 888586
Armonie di colore
Complementare +180°
- CEAEBB
Pink Potion
- 9FC1B5
≈ Stanley
Analogo -30° +30°
- CEAEBB
Pink Potion
- C5B0C8
≈ Purple Essence
- D1AEAD
≈ Pale Persimmon
Triadico +120° +240°
- CEAEBB
Pink Potion
- B8BB9E
≈ Dried Thyme
- 9FBECE
≈ Gift of the Sea
Complementare divisa +150° +210°
- CEAEBB
Pink Potion
- AABFA7
≈ Meadow Morn
- 9AC1C3
≈ Canal Blue
Tetradico +90° +180° +270°
- CEAEBB
Pink Potion
- C6B69B
≈ Sourdough
- 9FC1B5
≈ Stanley
- AAB9D3
≈ Babbling Creek
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.01:1 · APCA Lc 39
Ag
AAASu nero
WCAG 10.39:1 · APCA Lc 63
Miglior colore del testo: #000000
WCAG 10.39:1 (AAA) · APCA Lc 63
Contrast pairs
Frammenti di codice
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);
}