Cor nomeada mais próxima · #CD81BE
#CD81BE
Cor nomeada mais próxima: Pink Punk
#CD81BE (rgb(205 129 190), hsl(312 43% 65%), oklch(0.702 0.122 334.3)) é mais próxima da cor nomeada Pink Punk. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#CD81BE
oklch(0.702 0.122 334.3)
Conversões de cor
- HEX
- #cd81be
- RGB
- rgb(205 129 190)
- HSL
- hsl(312 43% 65%)
- HWB
- hwb(312 51% 20%)
- OKLCH
- oklch(0.702 0.122 334.3)
- OKLab
- oklab(0.702 0.11 -0.053)
- CIE Lab
- lab(63.71 36.78 -19.36)
- LCH
- lch(63.71 41.56 332.2)
- CMYK
- cmyk(0% 37% 7% 20%)
Tons claros · Sombras · Tons
Tons claros
- D38EC5
- D89ACB
- DEA7D2
- E3B3D8
- E8C0DF
- EDCCE5
- F2D9EC
- F6E6F2
- FBF2F9
Sombras
- B26FA5
- 985E8C
- 7E4E75
- 663E5E
- 4E2E48
- 381F33
- 23121F
- 0F060D
- 020102
Tons
- C581B8
- BE82B1
- B682AB
- AF82A5
- A7829F
- A08299
- 988192
- 90818C
- 888186
Harmonias de cor
Complementar +180°
- CD81BE
Pink Punk
- 5AB57C
≈ Jade Cream
Análoga -30° +30°
- CD81BE
Pink Punk
- B08BDC
≈ Middy’s Purple
- DE7D96
≈ Impatient Pink
Tríade +120° +240°
- CD81BE
Pink Punk
- B89D38
≈ Tiki Torch
- 0DB2CD
≈ Aquarius
Complementar dividida +150° +210°
- CD81BE
Pink Punk
- 8FAC52
≈ Lime It or Leave It
- 11B7A8
≈ Verditer
Tétrade +90° +180° +270°
- CD81BE
Pink Punk
- D38E45
≈ Cognac
- 5AB57C
≈ Jade Cream
- 55A6E5
≈ High Blue
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.47:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--pink-punk: #cd81be;
--pink-punk-rgb: 205 129 190;
--pink-punk-oklch: oklch(0.702 0.122 334.3);
}
.element {
color: var(--pink-punk);
background-color: hsl(312 43% 65%);
border-color: oklch(0.702 0.122 334.3);
}Tailwind CSS v4
@theme {
--color-pink-punk: #cd81be;
--color-pink-punk-50: #ffe9ff;
--color-pink-punk-100: #ffd9f7;
--color-pink-punk-200: #f7c1e8;
--color-pink-punk-300: #e0a0cf;
--color-pink-punk-400: #ca82bc;
--color-pink-punk-500: #b664a7;
--color-pink-punk-600: #9a558d;
--color-pink-punk-700: #7b4471;
--color-pink-punk-800: #5b3155;
--color-pink-punk-900: #3f213b;
--color-pink-punk-950: #281025;
}SCSS
$pink-punk: #cd81be;
$pink-punk-rgb: 205, 129, 190;
$pink-punk-light: mix(#fff, $pink-punk, 20%);
$pink-punk-dark: mix(#000, $pink-punk, 20%);
.element {
color: $pink-punk;
box-shadow: 0 0 0 2px rgba($pink-punk, 0.35);
}