Couleur nommée la plus proche · #BF3E48
#BF3E48
Couleur nommée la plus proche: Poppy
#BF3E48 (rgb(191 62 72), hsl(355 51% 50%), oklch(0.551 0.164 20)) est la plus proche de la couleur nommée Poppy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BF3E48
oklch(0.551 0.164 20)
Conversions de couleur
- HEX
- #bf3e48
- RGB
- rgb(191 62 72)
- HSL
- hsl(355 51% 50%)
- HWB
- hwb(355 24% 25%)
- OKLCH
- oklch(0.551 0.164 20)
- OKLab
- oklab(0.551 0.155 0.056)
- CIE Lab
- lab(46.23 52.71 24.65)
- LCH
- lch(46.23 58.19 25.1)
- CMYK
- cmyk(0% 68% 62% 25%)
Teintes · Ombres · Tons
Teintes
- C85459
- D0686B
- D87C7C
- DF8F8E
- E6A1A0
- ECB4B3
- F2C7C5
- F7D9D8
- FBECEC
Ombres
- A6353D
- 8D2B33
- 752329
- 5E1A1F
- 481216
- 330A0D
- 1F0406
- 0D0102
- 020000
Tons
- BA484E
- B55054
- B05859
- AA5E5F
- A46565
- 9E6B6A
- 977170
- 907675
- 887B7B
Harmonies de couleurs
Complémentaire +180°
- BF3E48
Poppy
- 008288
≈ Precious Blue
Analogue -30° +30°
- BF3E48
Poppy
- B4407F
≈ Fuchsia Red
- B25200
≈ Skrag Brown
Triadique +120° +240°
Complémentaire divisée +150° +210°
- BF3E48
Poppy
- 008668
≈ Spectral Green
- 007DA5
≈ Celadon Blue
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.25:1 · APCA Lc 75
Ag
FailSur noir
WCAG 3.99:1 · APCA Lc 27
Meilleure couleur de texte: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 75
Contrast pairs
Extraits de code
CSS
:root {
--poppy: #bf3e48;
--poppy-rgb: 191 62 72;
--poppy-oklch: oklch(0.551 0.164 20);
}
.element {
color: var(--poppy);
background-color: hsl(355 51% 50%);
border-color: oklch(0.551 0.164 20);
}Tailwind CSS v4
@theme {
--color-poppy: #bf3e48;
--color-poppy-50: #ffe3e0;
--color-poppy-100: #ffd3cf;
--color-poppy-200: #ffb8b4;
--color-poppy-300: #ff9491;
--color-poppy-400: #f07175;
--color-poppy-500: #de4c57;
--color-poppy-600: #bb424a;
--color-poppy-700: #97343b;
--color-poppy-800: #70242c;
--color-poppy-900: #4f181e;
--color-poppy-950: #34080e;
}SCSS
$poppy: #bf3e48;
$poppy-rgb: 191, 62, 72;
$poppy-light: mix(#fff, $poppy, 20%);
$poppy-dark: mix(#000, $poppy, 20%);
.element {
color: $poppy;
box-shadow: 0 0 0 2px rgba($poppy, 0.35);
}