Named color · #F62E52
Flowerhorn Cichlid Red
Flowerhorn Cichlid Red is #F62E52: rgb(246 46 82), hsl(349 92% 57%), oklch(0.634 0.23 18.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Flowerhorn Cichlid Red color name →
#F62E52
oklch(0.634 0.23 18.1)
Color conversions
- HEX
- #f62e52
- RGB
- rgb(246 46 82)
- HSL
- hsl(349 92% 57%)
- HWB
- hwb(349 18% 4%)
- OKLCH
- oklch(0.634 0.23 18.1)
- OKLab
- oklab(0.634 0.219 0.072)
- CIE Lab
- lab(55.05 74.11 32.27)
- LCH
- lch(55.05 80.84 23.5)
- CMYK
- cmyk(0% 81% 67% 4%)
Tints · Shades · Tones
Tints
- FA4E63
- FE6774
- FF7D85
- FF9196
- FFA4A7
- FFB7B8
- FFC9CA
- FFDBDB
- FFEDED
Shades
- D62746
- B71F3B
- 98182F
- 7B1225
- 5F0B1A
- 450611
- 2C0208
- 150102
- 030000
Tones
- EC4057
- E14D5C
- D75761
- CC5F66
- C1666B
- B56D6F
- A97273
- 9C7778
- 8F7C7C
Color harmonies
Complementary +180°
- F62E52
Flowerhorn Cichlid Red
- 009EA2
≈ Pleasant Stream
Analogous -30° +30°
- F62E52
Flowerhorn Cichlid Red
- E536A2
≈ Pink Bite
- DA6200
≈ Ancient Bamboo
Triadic +120° +240°
- F62E52
Flowerhorn Cichlid Red
- 41A400
≈ Lawn Green
- 3086FF
≈ Pool Water
Split-complementary +150° +210°
- F62E52
Flowerhorn Cichlid Red
- 00A27B
≈ Sport Green
- 0098C5
≈ Atomic Blue
Tetradic +90° +180° +270°
- F62E52
Flowerhorn Cichlid Red
- 939000
≈ Old Asparagus
- 009EA2
≈ Pleasant Stream
- 896CFF
≈ Blackthorn Berry
Contrast & accessibility
Ag
FailOn white
WCAG 3.86:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.43:1 · APCA Lc 37
Best text color: #000000
WCAG 5.43:1 (AA) · APCA Lc 37
Contrast pairs
Code snippets
CSS
:root {
--flowerhorn-cichlid-red: #f62e52;
--flowerhorn-cichlid-red-rgb: 246 46 82;
--flowerhorn-cichlid-red-oklch: oklch(0.634 0.23 18.1);
}
.element {
color: var(--flowerhorn-cichlid-red);
background-color: hsl(349 92% 57%);
border-color: oklch(0.634 0.23 18.1);
}Tailwind CSS v4
@theme {
--color-flowerhorn-cichlid-red: #f62e52;
--color-flowerhorn-cichlid-red-50: #ffdbda;
--color-flowerhorn-cichlid-red-100: #ffc9c8;
--color-flowerhorn-cichlid-red-200: #ffaaab;
--color-flowerhorn-cichlid-red-300: #ff7f85;
--color-flowerhorn-cichlid-red-400: #ff5269;
--color-flowerhorn-cichlid-red-500: #f90047;
--color-flowerhorn-cichlid-red-600: #d3053d;
--color-flowerhorn-cichlid-red-700: #aa0930;
--color-flowerhorn-cichlid-red-800: #7f0325;
--color-flowerhorn-cichlid-red-900: #5a0419;
--color-flowerhorn-cichlid-red-950: #3c000a;
}SCSS
$flowerhorn-cichlid-red: #f62e52;
$flowerhorn-cichlid-red-rgb: 246, 46, 82;
$flowerhorn-cichlid-red-light: mix(#fff, $flowerhorn-cichlid-red, 20%);
$flowerhorn-cichlid-red-dark: mix(#000, $flowerhorn-cichlid-red, 20%);
.element {
color: $flowerhorn-cichlid-red;
box-shadow: 0 0 0 2px rgba($flowerhorn-cichlid-red, 0.35);
}