Colore con nome più vicino · #BC5664
#BC5664
Colore con nome più vicino: Hot Flamingo
#BC5664 (rgb(188 86 100), hsl(352 43% 54%), oklch(0.584 0.132 13.6)) è più vicino al colore con nome Hot Flamingo. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BC5664
oklch(0.584 0.132 13.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C46772
- CC7881
- D48990
- DB9A9F
- E2AAAF
- E9BBBE
- EFCCCE
- F5DDDE
- FAEEEF
Ombre
- A34A56
- 8B3E48
- 73323B
- 5D272E
- 471C22
- 321216
- 1F080B
- 0D0203
- 020000
Toni
- B75B67
- B2606A
- AC656D
- A76A6F
- A16E72
- 9B7275
- 957578
- 8E797A
- 877D7D
Armonie di colore
Complementare +180°
- BC5664
Hot Flamingo
- 008E8C
≈ Corfu Shallows
Analogo -30° +30°
- BC5664
Hot Flamingo
- B0588F
≈ Brilliant Carmine
- BA5E34
≈ Gold Varnish Brown
Triadico +120° +240°
- BC5664
Hot Flamingo
- 5A8C33
≈ Maximum Green
- 3D7DC7
≈ Tufts Blue
Complementare divisa +150° +210°
- BC5664
Hot Flamingo
- 009266
≈ Emerald Lake
- 0089AB
≈ Tiny Bubbles
Tetradico +90° +180° +270°
- BC5664
Hot Flamingo
- 897E00
≈ Olive
- 008E8C
≈ Corfu Shallows
- 736FC6
≈ Purple Toolbox
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.51:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.65:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
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);
}