Colore con nome · #E75480
Heather Berry
Heather Berry è #E75480: rgb(231 84 128), hsl(342 75% 62%), oklch(0.653 0.185 5.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Heather Berry color name →
#E75480
oklch(0.653 0.185 5.4)
Conversioni di colore
- HEX
- #e75480
- RGB
- rgb(231 84 128)
- HSL
- hsl(342 75% 62%)
- HWB
- hwb(342 33% 9%)
- OKLCH
- oklch(0.653 0.185 5.4)
- OKLab
- oklab(0.653 0.184 0.017)
- CIE Lab
- lab(57.51 60.21 7.72)
- LCH
- lch(57.51 60.7 7.3)
- CMYK
- cmyk(0% 64% 45% 9%)
Tinte · Ombre · Toni
Tinte
- EC688C
- F07A98
- F48CA4
- F89DB1
- FAADBE
- FDBECA
- FECED7
- FFDEE4
- FFEFF2
Ombre
- C9486E
- AB3C5D
- 8F314D
- 73263D
- 591B2E
- 40111F
- 280812
- 130206
- 030001
Toni
- DE5B80
- D46180
- CB6780
- C16C80
- B77080
- AD7480
- A37780
- 987A80
- 8C7D80
Armonie di colore
Complementare +180°
- E75480
Heather Berry
- 00A69A
≈ Tropical Sea
Analogo -30° +30°
- E75480
Heather Berry
- D15CBB
≈ Pú Táo Zǐ Purple
- EA5B37
≈ Day Glow Orange
Triadico +120° +240°
- E75480
Heather Berry
- 78A000
≈ Support Green
- 0097ED
≈ Pervenche
Complementare divisa +150° +210°
- E75480
Heather Berry
- 00AC63
≈ Go Green!
- 00A1BC
≈ January Blue
Tetradico +90° +180° +270°
- E75480
Heather Berry
- A98E00
≈ Bark Sawdust
- 00A69A
≈ Tropical Sea
- 7381FE
≈ Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.51:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.97:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 5.97:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--heather-berry: #e75480;
--heather-berry-rgb: 231 84 128;
--heather-berry-oklch: oklch(0.653 0.185 5.4);
}
.element {
color: var(--heather-berry);
background-color: hsl(342 75% 62%);
border-color: oklch(0.653 0.185 5.4);
}Tailwind CSS v4
@theme {
--color-heather-berry: #e75480;
--color-heather-berry-50: #ffe0ec;
--color-heather-berry-100: #ffcfdd;
--color-heather-berry-200: #ffb3c6;
--color-heather-berry-300: #ff8ca6;
--color-heather-berry-400: #f4688f;
--color-heather-berry-500: #e23e75;
--color-heather-berry-600: #bf3663;
--color-heather-berry-700: #9a2b4f;
--color-heather-berry-800: #721e3c;
--color-heather-berry-900: #511429;
--color-heather-berry-950: #350417;
}SCSS
$heather-berry: #e75480;
$heather-berry-rgb: 231, 84, 128;
$heather-berry-light: mix(#fff, $heather-berry, 20%);
$heather-berry-dark: mix(#000, $heather-berry, 20%);
.element {
color: $heather-berry;
box-shadow: 0 0 0 2px rgba($heather-berry, 0.35);
}