Colore con nome · #EE6B8B
Cupid’s Arrow
Cupid’s Arrow è #EE6B8B: rgb(238 107 139), hsl(345 79% 68%), oklch(0.694 0.164 7.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Cupid’s Arrow color name →
#EE6B8B
oklch(0.694 0.164 7.1)
Conversioni di colore
- HEX
- #ee6b8b
- RGB
- rgb(238 107 139)
- HSL
- hsl(345 79% 68%)
- HWB
- hwb(345 42% 7%)
- OKLCH
- oklch(0.694 0.164 7.1)
- OKLab
- oklab(0.694 0.162 0.02)
- CIE Lab
- lab(62.62 53.62 8.69)
- LCH
- lch(62.62 54.32 9.2)
- CMYK
- cmyk(0% 55% 42% 7%)
Tinte · Ombre · Toni
Tinte
- F27B96
- F58BA1
- F89AAD
- FAA8B8
- FCB7C3
- FEC6CF
- FFD4DB
- FFE2E7
- FFF1F3
Ombre
- CF5C78
- B14E66
- 933F54
- 773243
- 5C2532
- 421823
- 2A0D14
- 140407
- 030001
Toni
- E46F8A
- D97289
- CF7588
- C47787
- BA7986
- AF7B84
- A47D83
- 987E82
- 8C7F81
Armonie di colore
Complementare +180°
- EE6B8B
Cupid’s Arrow
- 00B4A9
≈ Glass Jar Blue
Analogo -30° +30°
- EE6B8B
Cupid’s Arrow
- DB70C1
≈ Explicit Pink
- F0724D
≈ Fiery Sky
Triadico +120° +240°
- EE6B8B
Cupid’s Arrow
- 81AE29
≈ Football Field
- 30A3FC
≈ Rockman Blue
Complementare divisa +150° +210°
- EE6B8B
Cupid’s Arrow
- 09BA72
≈ Fennel Fiesta
- 00AFCF
≈ Hú Lán Blue
Tetradico +90° +180° +270°
- EE6B8B
Cupid’s Arrow
- B69C00
≈ Perennial
- 00B4A9
≈ Glass Jar Blue
- 8590FF
≈ Lavender Blue Shadow
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.95:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.11:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.11:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--cupid-s-arrow: #ee6b8b;
--cupid-s-arrow-rgb: 238 107 139;
--cupid-s-arrow-oklch: oklch(0.694 0.164 7.1);
}
.element {
color: var(--cupid-s-arrow);
background-color: hsl(345 79% 68%);
border-color: oklch(0.694 0.164 7.1);
}Tailwind CSS v4
@theme {
--color-cupid-s-arrow: #ee6b8b;
--color-cupid-s-arrow-50: #ffe3eb;
--color-cupid-s-arrow-100: #ffd2dc;
--color-cupid-s-arrow-200: #ffb7c5;
--color-cupid-s-arrow-300: #fe92a6;
--color-cupid-s-arrow-400: #ec708e;
--color-cupid-s-arrow-500: #da4b73;
--color-cupid-s-arrow-600: #b84162;
--color-cupid-s-arrow-700: #94344e;
--color-cupid-s-arrow-800: #6e243b;
--color-cupid-s-arrow-900: #4e1828;
--color-cupid-s-arrow-950: #330816;
}SCSS
$cupid-s-arrow: #ee6b8b;
$cupid-s-arrow-rgb: 238, 107, 139;
$cupid-s-arrow-light: mix(#fff, $cupid-s-arrow, 20%);
$cupid-s-arrow-dark: mix(#000, $cupid-s-arrow, 20%);
.element {
color: $cupid-s-arrow;
box-shadow: 0 0 0 2px rgba($cupid-s-arrow, 0.35);
}