Couleur nommée la plus proche · #BC5661
#BC5661
Couleur nommée la plus proche: Hot Flamingo
#BC5661 (rgb(188 86 97), hsl(354 43% 54%), oklch(0.583 0.132 15.4)) est la plus proche de la couleur nommée Hot Flamingo. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BC5661
oklch(0.583 0.132 15.4)
Conversions de couleur
- HEX
- #bc5661
- RGB
- rgb(188 86 97)
- HSL
- hsl(354 43% 54%)
- HWB
- hwb(354 34% 26%)
- OKLCH
- oklch(0.583 0.132 15.4)
- OKLab
- oklab(0.583 0.127 0.035)
- CIE Lab
- lab(50.2 42.67 14.7)
- LCH
- lch(50.2 45.13 19)
- CMYK
- cmyk(0% 54% 48% 26%)
Teintes · Ombres · Tons
Teintes
- C46770
- CC787F
- D4898E
- DB9A9D
- E2AAAD
- E9BBBD
- EFCCCD
- F5DDDE
- FAEEEE
Ombres
- A34A53
- 8B3E46
- 733239
- 5D272D
- 471C21
- 321215
- 1F080B
- 0D0203
- 020000
Tons
- B75B64
- B26067
- AC656A
- A76A6E
- A16E71
- 9B7274
- 957577
- 8E797A
- 877D7D
Harmonies de couleurs
Complémentaire +180°
- BC5661
Hot Flamingo
- 008D8E
≈ Egyptian Teal
Analogue -30° +30°
- BC5661
Hot Flamingo
- B1588C
≈ Dahlia Mauve
- B95E30
≈ Gold Varnish Brown
Triadique +120° +240°
- BC5661
Hot Flamingo
- 568C36
≈ Indica
- 417CC7
≈ Tufts Blue
Complémentaire divisée +150° +210°
- BC5661
Hot Flamingo
- 00916A
≈ Sea Swell
- 0088AD
≈ Lyrebird
Tétradique +90° +180° +270°
- BC5661
Hot Flamingo
- 867F00
≈ Olive
- 008D8E
≈ Egyptian Teal
- 756DC5
≈ Purple Toolbox
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.52:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.64:1 · APCA Lc 31
Meilleure couleur de texte: #000000
WCAG 4.64:1 (AA) · APCA Lc 31
Contrast pairs
Extraits de code
CSS
:root {
--hot-flamingo: #bc5661;
--hot-flamingo-rgb: 188 86 97;
--hot-flamingo-oklch: oklch(0.583 0.132 15.4);
}
.element {
color: var(--hot-flamingo);
background-color: hsl(354 43% 54%);
border-color: oklch(0.583 0.132 15.4);
}Tailwind CSS v4
@theme {
--color-hot-flamingo: #bc5661;
--color-hot-flamingo-50: #ffe7e7;
--color-hot-flamingo-100: #ffd7d8;
--color-hot-flamingo-200: #ffbec0;
--color-hot-flamingo-300: #f39b9f;
--color-hot-flamingo-400: #e17c85;
--color-hot-flamingo-500: #ce5c69;
--color-hot-flamingo-600: #ae4f59;
--color-hot-flamingo-700: #8c3f47;
--color-hot-flamingo-800: #682d35;
--color-hot-flamingo-900: #491e24;
--color-hot-flamingo-950: #300d13;
}SCSS
$hot-flamingo: #bc5661;
$hot-flamingo-rgb: 188, 86, 97;
$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);
}