Colore con nome · #EE1166
Borderline Pink
Borderline Pink è #EE1166: rgb(238 17 102), hsl(337 87% 50%), oklch(0.611 0.239 8.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Borderline Pink color name →
#EE1166
oklch(0.611 0.239 8.6)
Conversioni di colore
- HEX
- #ee1166
- RGB
- rgb(238 17 102)
- HSL
- hsl(337 87% 50%)
- HWB
- hwb(337 7% 7%)
- OKLCH
- oklch(0.611 0.239 8.6)
- OKLab
- oklab(0.611 0.237 0.036)
- CIE Lab
- lab(52.1 77.5 16.07)
- LCH
- lch(52.1 79.15 11.7)
- CMYK
- cmyk(0% 93% 57% 7%)
Tinte · Ombre · Toni
Tinte
- F34074
- F85C83
- FC7492
- FF8AA1
- FF9EB0
- FFB2BF
- FFC6CF
- FFD9DF
- FFECEF
Ombre
- CF0D58
- B1094A
- 93063C
- 77042F
- 5C0223
- 420117
- 2A000C
- 140004
- 030000
Toni
- E53069
- DB416B
- D24E6E
- C85871
- BD6173
- B26876
- A76F78
- 9B757B
- 8E7B7D
Armonie di colore
Complementare +180°
- EE1166
Borderline Pink
- 009890
≈ Green Dynasty
Analogo -30° +30°
- EE1166
Borderline Pink
- D72DB2
≈ Loudicious Pink
- E04900
≈ Deep Orange
Triadico +120° +240°
- EE1166
Borderline Pink
- 659500
≈ Gecko’s Dream
- 0087E2
≈ Blue Cola
Complementare divisa +150° +210°
- EE1166
Borderline Pink
- 009C63
≈ Shamrock
- 0093B0
≈ Munsell Blue
Tetradico +90° +180° +270°
- EE1166
Borderline Pink
- 978400
≈ Thicket Green
- 009890
≈ Green Dynasty
- 6D6BFF
≈ Blue Genie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.27:1 · APCA Lc 67
Ag
AASu nero
WCAG 4.90:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 4.90:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--borderline-pink: #ee1166;
--borderline-pink-rgb: 238 17 102;
--borderline-pink-oklch: oklch(0.611 0.239 8.6);
}
.element {
color: var(--borderline-pink);
background-color: hsl(337 87% 50%);
border-color: oklch(0.611 0.239 8.6);
}Tailwind CSS v4
@theme {
--color-borderline-pink: #ee1166;
--color-borderline-pink-50: #ffd9e5;
--color-borderline-pink-100: #ffc6d5;
--color-borderline-pink-200: #ffa6bc;
--color-borderline-pink-300: #ff7b9a;
--color-borderline-pink-400: #ff4b81;
--color-borderline-pink-500: #fa0065;
--color-borderline-pink-600: #d30056;
--color-borderline-pink-700: #aa0045;
--color-borderline-pink-800: #7f0035;
--color-borderline-pink-900: #5a0124;
--color-borderline-pink-950: #3c0013;
}SCSS
$borderline-pink: #ee1166;
$borderline-pink-rgb: 238, 17, 102;
$borderline-pink-light: mix(#fff, $borderline-pink, 20%);
$borderline-pink-dark: mix(#000, $borderline-pink, 20%);
.element {
color: $borderline-pink;
box-shadow: 0 0 0 2px rgba($borderline-pink, 0.35);
}