Colore con nome più vicino · #D77CBA
#D77CBA
Colore con nome più vicino: Pink Punk
#D77CBA (rgb(215 124 186), hsl(319 53% 66%), oklch(0.704 0.136 340.1)) è più vicino al colore con nome Pink Punk. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D77CBA
oklch(0.704 0.136 340.1)
Conversioni di colore
- HEX
- #d77cba
- RGB
- rgb(215 124 186)
- HSL
- hsl(319 53% 66%)
- HWB
- hwb(319 49% 16%)
- OKLCH
- oklch(0.704 0.136 340.1)
- OKLab
- oklab(0.704 0.128 -0.046)
- CIE Lab
- lab(63.79 42.23 -16.83)
- LCH
- lch(63.79 45.46 338.3)
- CMYK
- cmyk(0% 42% 13% 16%)
Tinte · Ombre · Toni
Tinte
- DC89C1
- E197C8
- E5A4CF
- EAB1D6
- EEBEDC
- F2CBE3
- F5D8EA
- F9E5F1
- FCF2F8
Ombre
- BB6BA1
- 9F5A89
- 854A72
- 6B3B5C
- 522C46
- 3B1E32
- 25111E
- 11050D
- 020102
Toni
- CF7DB4
- C67EAE
- BE7FA8
- B57FA3
- AD809D
- A48097
- 9B8091
- 92808B
- 898086
Armonie di colore
Complementare +180°
- D77CBA
Pink Punk
- 3EB982
≈ Aztec Jade
Analogo -30° +30°
- D77CBA
Pink Punk
- BA86DE
≈ Lavender Blossom
- E6798C
≈ Zany Pink
Triadico +120° +240°
- D77CBA
Pink Punk
- B4A125
≈ Wet Leaf
- 00B1D7
≈ Battery Charged Blue
Complementare divisa +150° +210°
- D77CBA
Pink Punk
- 83B050
≈ Parrot Green
- 00B7B1
≈ Swagger
Tetradico +90° +180° +270°
- D77CBA
Pink Punk
- D58F2E
≈ Turmeric Tea
- 3EB982
≈ Aztec Jade
- 58A5F1
≈ Feather Star
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.48:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--pink-punk: #d77cba;
--pink-punk-rgb: 215 124 186;
--pink-punk-oklch: oklch(0.704 0.136 340.1);
}
.element {
color: var(--pink-punk);
background-color: hsl(319 53% 66%);
border-color: oklch(0.704 0.136 340.1);
}Tailwind CSS v4
@theme {
--color-pink-punk: #d77cba;
--color-pink-punk-50: #ffe7ff;
--color-pink-punk-100: #ffd7f5;
--color-pink-punk-200: #febee4;
--color-pink-punk-300: #e89bcb;
--color-pink-punk-400: #d37db7;
--color-pink-punk-500: #bf5ea2;
--color-pink-punk-600: #a25089;
--color-pink-punk-700: #82406e;
--color-pink-punk-800: #602e52;
--color-pink-punk-900: #431f39;
--color-pink-punk-950: #2b0e24;
}SCSS
$pink-punk: #d77cba;
$pink-punk-rgb: 215, 124, 186;
$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);
}