Couleur nommée la plus proche · #F5D5EB
#F5D5EB
Couleur nommée la plus proche: Sweet Dreams
#F5D5EB (rgb(245 213 235), hsl(319 62% 90%), oklch(0.906 0.046 337.3)) est la plus proche de la couleur nommée Sweet Dreams. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#F5D5EB
oklch(0.906 0.046 337.3)
Conversions de couleur
- HEX
- #f5d5eb
- RGB
- rgb(245 213 235)
- HSL
- hsl(319 62% 90%)
- HWB
- hwb(319 84% 4%)
- OKLCH
- oklch(0.906 0.046 337.3)
- OKLab
- oklab(0.906 0.042 -0.018)
- CIE Lab
- lab(88.47 14.22 -6.52)
- LCH
- lch(88.47 15.64 335.4)
- CMYK
- cmyk(0% 13% 4% 4%)
Teintes · Ombres · Tons
Teintes
- F6D9ED
- F7DDEF
- F8E2F1
- F9E6F3
- FAEAF5
- FBEEF7
- FCF2F9
- FDF7FB
- FEFBFD
Ombres
- D5B9CC
- B69EAE
- 988391
- 7B6A75
- 5F515B
- 443A41
- 2B2429
- 151013
- 030203
Tons
- E9CCE0
- DDC3D5
- D1BBCA
- C5B2BF
- B9AAB4
- ADA1A9
- A2999F
- 969094
- 8B888A
Harmonies de couleurs
Complémentaire +180°
- F5D5EB
Sweet Dreams
- C8EAD4
≈ Glacial Water Green
Analogue -30° +30°
- F5D5EB
Sweet Dreams
- E8D9F8
≈ Pouty Purple
- FCD4DA
≈ Pink Fluorite
Triadique +120° +240°
- F5D5EB
Sweet Dreams
- E8E1BF
≈ Swan Dance
- BFE8F4
≈ First of July
Complémentaire divisée +150° +210°
- F5D5EB
Sweet Dreams
- D8E6C6
≈ Flower Bulb
- BFEAE5
≈ Pool Party
Tétradique +90° +180° +270°
- F5D5EB
Sweet Dreams
- F5DBC1
≈ Buenos Aires
- C8EAD4
≈ Glacial Water Green
- C9E4FD
≈ Fresh Water
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.34:1 · APCA Lc 17
Ag
AAASur noir
WCAG 15.59:1 · APCA Lc 87
Meilleure couleur de texte: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--sweet-dreams: #f5d5eb;
--sweet-dreams-rgb: 245 213 235;
--sweet-dreams-oklch: oklch(0.906 0.046 337.3);
}
.element {
color: var(--sweet-dreams);
background-color: hsl(319 62% 90%);
border-color: oklch(0.906 0.046 337.3);
}Tailwind CSS v4
@theme {
--color-sweet-dreams: #f5d5eb;
--color-sweet-dreams-50: #fff0f9;
--color-sweet-dreams-100: #f3e2ed;
--color-sweet-dreams-200: #e2cddb;
--color-sweet-dreams-300: #c8afbf;
--color-sweet-dreams-400: #b195a8;
--color-sweet-dreams-500: #9b7b91;
--color-sweet-dreams-600: #83687b;
--color-sweet-dreams-700: #695362;
--color-sweet-dreams-800: #4d3d49;
--color-sweet-dreams-900: #352a32;
--color-sweet-dreams-950: #20171e;
}SCSS
$sweet-dreams: #f5d5eb;
$sweet-dreams-rgb: 245, 213, 235;
$sweet-dreams-light: mix(#fff, $sweet-dreams, 20%);
$sweet-dreams-dark: mix(#000, $sweet-dreams, 20%);
.element {
color: $sweet-dreams;
box-shadow: 0 0 0 2px rgba($sweet-dreams, 0.35);
}