Nearest named color · #BC5664
#BC5664
Nearest named color: Hot Flamingo
#BC5664 (rgb(188 86 100), hsl(352 43% 54%), oklch(0.584 0.132 13.6)) is closest to the named color Hot Flamingo. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BC5664
oklch(0.584 0.132 13.6)
Color conversions
- HEX
- #bc5664
- RGB
- rgb(188 86 100)
- HSL
- hsl(352 43% 54%)
- HWB
- hwb(352 34% 26%)
- OKLCH
- oklch(0.584 0.132 13.6)
- OKLab
- oklab(0.584 0.128 0.031)
- CIE Lab
- lab(50.25 42.88 12.99)
- LCH
- lch(50.25 44.8 16.9)
- CMYK
- cmyk(0% 54% 47% 26%)
Tints · Shades · Tones
Tints
- C46772
- CC7881
- D48990
- DB9A9F
- E2AAAF
- E9BBBE
- EFCCCE
- F5DDDE
- FAEEEF
Shades
- A34A56
- 8B3E48
- 73323B
- 5D272E
- 471C22
- 321216
- 1F080B
- 0D0203
- 020000
Tones
- B75B67
- B2606A
- AC656D
- A76A6F
- A16E72
- 9B7275
- 957578
- 8E797A
- 877D7D
Color harmonies
Complementary +180°
- BC5664
Hot Flamingo
- 008E8C
≈ Corfu Shallows
Analogous -30° +30°
- BC5664
Hot Flamingo
- B0588F
≈ Brilliant Carmine
- BA5E34
≈ Gold Varnish Brown
Triadic +120° +240°
- BC5664
Hot Flamingo
- 5A8C33
≈ Maximum Green
- 3D7DC7
≈ Tufts Blue
Split-complementary +150° +210°
- BC5664
Hot Flamingo
- 009266
≈ Emerald Lake
- 0089AB
≈ Tiny Bubbles
Tetradic +90° +180° +270°
- BC5664
Hot Flamingo
- 897E00
≈ Olive
- 008E8C
≈ Corfu Shallows
- 736FC6
≈ Purple Toolbox
Contrast & accessibility
Ag
AAOn white
WCAG 4.51:1 · APCA Lc 71
Ag
AAOn black
WCAG 4.65:1 · APCA Lc 31
Best text color: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Code snippets
CSS
:root {
--hot-flamingo: #bc5664;
--hot-flamingo-rgb: 188 86 100;
--hot-flamingo-oklch: oklch(0.584 0.132 13.6);
}
.element {
color: var(--hot-flamingo);
background-color: hsl(352 43% 54%);
border-color: oklch(0.584 0.132 13.6);
}Tailwind CSS v4
@theme {
--color-hot-flamingo: #bc5664;
--color-hot-flamingo-50: #ffe7e9;
--color-hot-flamingo-100: #ffd7d9;
--color-hot-flamingo-200: #ffbec1;
--color-hot-flamingo-300: #f39ba1;
--color-hot-flamingo-400: #e17c87;
--color-hot-flamingo-500: #ce5c6c;
--color-hot-flamingo-600: #ae4e5c;
--color-hot-flamingo-700: #8c3e49;
--color-hot-flamingo-800: #682c36;
--color-hot-flamingo-900: #491e25;
--color-hot-flamingo-950: #300d14;
}SCSS
$hot-flamingo: #bc5664;
$hot-flamingo-rgb: 188, 86, 100;
$hot-flamingo-light: mix(#fff, $hot-flamingo, 20%);
$hot-flamingo-dark: mix(#000, $hot-flamingo, 20%);
.element {
color: $hot-flamingo;
box-shadow: 0 0 0 2px rgba($hot-flamingo, 0.35);
}