Colore con nome · #FE828C
Camaron Pink
Camaron Pink è #FE828C: rgb(254 130 140), hsl(355 98% 75%), oklch(0.749 0.151 16.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Camaron Pink color name →
#FE828C
oklch(0.749 0.151 16.4)
Conversioni di colore
- HEX
- #fe828c
- RGB
- rgb(254 130 140)
- HSL
- hsl(355 98% 75%)
- HWB
- hwb(355 51% 0%)
- OKLCH
- oklch(0.749 0.151 16.4)
- OKLab
- oklab(0.749 0.145 0.042)
- CIE Lab
- lab(69.22 48.77 17.66)
- LCH
- lch(69.22 51.87 19.9)
- CMYK
- cmyk(0% 49% 45% 0%)
Tinte · Ombre · Toni
Tinte
- FF8F97
- FF9CA2
- FFA9AE
- FFB6B9
- FFC2C4
- FFCED0
- FFDBDC
- FFE7E7
- FFF3F3
Ombre
- DD7079
- BD5F67
- 9E4E55
- 803E43
- 632F33
- 472023
- 2D1214
- 160607
- 030101
Toni
- F2838B
- E6838A
- D98489
- CD8488
- C18486
- B48385
- A78384
- 9B8283
- 8D8181
Armonie di colore
Complementare +180°
- FE828C
Camaron Pink
- 00C6C8
≈ Turquoise Surf
Analogo -30° +30°
- FE828C
Camaron Pink
- F083C1
≈ Persian Pink
- FA8C54
≈ Blaze
Triadico +120° +240°
- FE828C
Camaron Pink
- 7FC35E
≈ Fierce Mantis
- 75B0FF
≈ French Sky Blue
Complementare divisa +150° +210°
- FE828C
Camaron Pink
- 19CB98
≈ Caribbean Green
- 00BFF3
≈ Blue Bikini
Tetradico +90° +180° +270°
- FE828C
Camaron Pink
- BAB324
≈ Citronelle
- 00C6C8
≈ Turquoise Surf
- A79FFF
≈ Cobalite
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.39:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.78:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--camaron-pink: #fe828c;
--camaron-pink-rgb: 254 130 140;
--camaron-pink-oklch: oklch(0.749 0.151 16.4);
}
.element {
color: var(--camaron-pink);
background-color: hsl(355 98% 75%);
border-color: oklch(0.749 0.151 16.4);
}Tailwind CSS v4
@theme {
--color-camaron-pink: #fe828c;
--color-camaron-pink-50: #ffe5e5;
--color-camaron-pink-100: #ffd4d5;
--color-camaron-pink-200: #ffbabb;
--color-camaron-pink-300: #fb979a;
--color-camaron-pink-400: #e9767f;
--color-camaron-pink-500: #d75363;
--color-camaron-pink-600: #b64754;
--color-camaron-pink-700: #923943;
--color-camaron-pink-800: #6d2832;
--color-camaron-pink-900: #4d1b22;
--color-camaron-pink-950: #320a11;
}SCSS
$camaron-pink: #fe828c;
$camaron-pink-rgb: 254, 130, 140;
$camaron-pink-light: mix(#fff, $camaron-pink, 20%);
$camaron-pink-dark: mix(#000, $camaron-pink, 20%);
.element {
color: $camaron-pink;
box-shadow: 0 0 0 2px rgba($camaron-pink, 0.35);
}