Couleur nommée la plus proche · #FFBBD5
#FFBBD5
Couleur nommée la plus proche: Cotton Candy
#FFBBD5 (rgb(255 187 213), hsl(337 100% 87%), oklch(0.862 0.085 354.3)) est la plus proche de la couleur nommée Cotton Candy. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#FFBBD5
oklch(0.862 0.085 354.3)
Conversions de couleur
- HEX
- #ffbbd5
- RGB
- rgb(255 187 213)
- HSL
- hsl(337 100% 87%)
- HWB
- hwb(337 73% 0%)
- OKLCH
- oklch(0.862 0.085 354.3)
- OKLab
- oklab(0.862 0.084 -0.008)
- CIE Lab
- lab(82.86 28.02 -2.9)
- LCH
- lch(82.86 28.17 354.1)
- CMYK
- cmyk(0% 27% 16% 0%)
Teintes · Ombres · Tons
Teintes
- FFC2D9
- FFC9DD
- FFD0E1
- FFD6E6
- FFDDEA
- FFE4EE
- FFEBF2
- FFF1F6
- FFF8FB
Ombres
- DEA2B9
- BE8A9E
- 9E7383
- 805C6A
- 634651
- 48323A
- 2E1F24
- 160D10
- 030202
Tons
- F2B5CC
- E5AFC3
- D8A9BB
- CBA3B2
- BF9DAA
- B298A1
- A59299
- 998C90
- 8C8688
Harmonies de couleurs
Complémentaire +180°
- FFBBD5
Cotton Candy
- 95E4CE
≈ Aqua Wish
Analogue -30° +30°
- FFBBD5
Cotton Candy
- EEBFF1
≈ Lovecloud
- FFBFBA
≈ Peach Scone
Triadique +120° +240°
- FFBBD5
Cotton Candy
- D0D898
≈ Cucumber Ice
- 9DDBFF
≈ Shiva Blue
Complémentaire divisée +150° +210°
- FFBBD5
Cotton Candy
- B0E1AF
≈ Celadon
- 8CE2EB
≈ Paradisiacal Getaway
Tétradique +90° +180° +270°
- FFBBD5
Cotton Candy
- ECCE91
≈ Honeydew Sand
- 95E4CE
≈ Aqua Wish
- BBD2FF
≈ Ice Cold Stare
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.57:1 · APCA Lc 26
Ag
AAASur noir
WCAG 13.32:1 · APCA Lc 77
Meilleure couleur de texte: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--cotton-candy: #ffbbd5;
--cotton-candy-rgb: 255 187 213;
--cotton-candy-oklch: oklch(0.862 0.085 354.3);
}
.element {
color: var(--cotton-candy);
background-color: hsl(337 100% 87%);
border-color: oklch(0.862 0.085 354.3);
}Tailwind CSS v4
@theme {
--color-cotton-candy: #ffbbd5;
--color-cotton-candy-50: #ffecf6;
--color-cotton-candy-100: #ffdde8;
--color-cotton-candy-200: #f3c6d5;
--color-cotton-candy-300: #dca6b8;
--color-cotton-candy-400: #c78aa2;
--color-cotton-candy-500: #b26e8a;
--color-cotton-candy-600: #975d74;
--color-cotton-candy-700: #794b5d;
--color-cotton-candy-800: #593645;
--color-cotton-candy-900: #3e2530;
--color-cotton-candy-950: #27131c;
}SCSS
$cotton-candy: #ffbbd5;
$cotton-candy-rgb: 255, 187, 213;
$cotton-candy-light: mix(#fff, $cotton-candy, 20%);
$cotton-candy-dark: mix(#000, $cotton-candy, 20%);
.element {
color: $cotton-candy;
box-shadow: 0 0 0 2px rgba($cotton-candy, 0.35);
}