Named color · #FE828C
Camaron Pink
Camaron Pink is #FE828C: rgb(254 130 140), hsl(355 98% 75%), oklch(0.749 0.151 16.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Camaron Pink color name →
#FE828C
oklch(0.749 0.151 16.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- FF8F97
- FF9CA2
- FFA9AE
- FFB6B9
- FFC2C4
- FFCED0
- FFDBDC
- FFE7E7
- FFF3F3
Shades
- DD7079
- BD5F67
- 9E4E55
- 803E43
- 632F33
- 472023
- 2D1214
- 160607
- 030101
Tones
- F2838B
- E6838A
- D98489
- CD8488
- C18486
- B48385
- A78384
- 9B8283
- 8D8181
Color harmonies
Complementary +180°
- FE828C
Camaron Pink
- 00C6C8
≈ Turquoise Surf
Analogous -30° +30°
- FE828C
Camaron Pink
- F083C1
≈ Persian Pink
- FA8C54
≈ Blaze
Triadic +120° +240°
- FE828C
Camaron Pink
- 7FC35E
≈ Fierce Mantis
- 75B0FF
≈ French Sky Blue
Split-complementary +150° +210°
- FE828C
Camaron Pink
- 19CB98
≈ Caribbean Green
- 00BFF3
≈ Blue Bikini
Tetradic +90° +180° +270°
- FE828C
Camaron Pink
- BAB324
≈ Citronelle
- 00C6C8
≈ Turquoise Surf
- A79FFF
≈ Cobalite
Contrast & accessibility
Ag
FailOn white
WCAG 2.39:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.78:1 · APCA Lc 55
Best text color: #000000
WCAG 8.78:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
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);
}