Couleur nommée la plus proche · #FD6888
#FD6888
Couleur nommée la plus proche: Blush Hour
#FD6888 (rgb(253 104 136), hsl(347 97% 70%), oklch(0.711 0.183 9.8)) est la plus proche de la couleur nommée Blush Hour. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FD6888
oklch(0.711 0.183 9.8)
Conversions de couleur
- HEX
- #fd6888
- RGB
- rgb(253 104 136)
- HSL
- hsl(347 97% 70%)
- HWB
- hwb(347 41% 1%)
- OKLCH
- oklch(0.711 0.183 9.8)
- OKLab
- oklab(0.711 0.18 0.031)
- CIE Lab
- lab(64.38 59.69 13.28)
- LCH
- lch(64.38 61.15 12.5)
- CMYK
- cmyk(0% 59% 46% 1%)
Teintes · Ombres · Tons
Teintes
- FF7993
- FF899F
- FF99AA
- FFA8B6
- FFB7C2
- FFC6CE
- FFD4DA
- FFE2E6
- FFF1F3
Ombres
- DC5975
- BC4B63
- 9D3E52
- 7F3041
- 622431
- 471822
- 2D0C13
- 160406
- 030001
Tons
- F16C87
- E57087
- DA7486
- CE7785
- C17984
- B57B83
- A87D83
- 9B7E82
- 8E7F81
Harmonies de couleurs
Complémentaire +180°
- FD6888
Blush Hour
- 00BAB3
≈ Super Rare Jade
Analogue -30° +30°
- FD6888
Blush Hour
- E96EC6
≈ Explicit Pink
- FD723E
≈ Carrot
Triadique +120° +240°
- FD6888
Blush Hour
- 7BB71B
≈ Jubilant Meadow
- 49A7FF
≈ Joust Blue
Complémentaire divisée +150° +210°
- FD6888
Blush Hour
- 00BF7E
≈ Fennel Fiesta
- 00B4D9
≈ Blue Atoll
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.79:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.51:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.51:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--blush-hour: #fd6888;
--blush-hour-rgb: 253 104 136;
--blush-hour-oklch: oklch(0.711 0.183 9.8);
}
.element {
color: var(--blush-hour);
background-color: hsl(347 97% 70%);
border-color: oklch(0.711 0.183 9.8);
}Tailwind CSS v4
@theme {
--color-blush-hour: #fd6888;
--color-blush-hour-50: #ffe0e7;
--color-blush-hour-100: #ffcfd8;
--color-blush-hour-200: #ffb3c0;
--color-blush-hour-300: #ff8d9f;
--color-blush-hour-400: #f56986;
--color-blush-hour-500: #e33f6b;
--color-blush-hour-600: #c0375a;
--color-blush-hour-700: #9a2c48;
--color-blush-hour-800: #731e36;
--color-blush-hour-900: #511425;
--color-blush-hour-950: #360514;
}SCSS
$blush-hour: #fd6888;
$blush-hour-rgb: 253, 104, 136;
$blush-hour-light: mix(#fff, $blush-hour, 20%);
$blush-hour-dark: mix(#000, $blush-hour, 20%);
.element {
color: $blush-hour;
box-shadow: 0 0 0 2px rgba($blush-hour, 0.35);
}