Couleur nommée la plus proche · #DECBE6
#DECBE6
Couleur nommée la plus proche: Decadial Pink
#DECBE6 (rgb(222 203 230), hsl(282 35% 85%), oklch(0.866 0.042 316)) est la plus proche de la couleur nommée Decadial Pink. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DECBE6
oklch(0.866 0.042 316)
Conversions de couleur
- HEX
- #decbe6
- RGB
- rgb(222 203 230)
- HSL
- hsl(282 35% 85%)
- HWB
- hwb(282 80% 10%)
- OKLCH
- oklch(0.866 0.042 316)
- OKLab
- oklab(0.866 0.03 -0.029)
- CIE Lab
- lab(83.89 10.45 -10.88)
- LCH
- lch(83.89 15.09 313.9)
- CMYK
- cmyk(3% 12% 0% 10%)
Teintes · Ombres · Tons
Teintes
- E1D0E9
- E5D5EB
- E8DAEE
- EBE0F0
- EEE5F3
- F2EAF5
- F5EFF8
- F8F4FA
- FCFAFD
Ombres
- C1B0C8
- A596AB
- 897D8E
- 6F6573
- 554D59
- 3D3740
- 262228
- 120F13
- 020203
Tons
- D4C3DB
- CABCD1
- C1B4C6
- B7ACBC
- AEA5B2
- A59DA8
- 9B969E
- 928F94
- 89878A
Harmonies de couleurs
Complémentaire +180°
- DECBE6
Decadial Pink
- C7DABF
≈ Crocodile Dreams
Analogue -30° +30°
- DECBE6
Decadial Pink
- D0CFEE
≈ Frozen Periwinkle
- E9C8D9
≈ Merry Pink
Triadique +120° +240°
- DECBE6
Decadial Pink
- E3D0B5
≈ Lovely Bluff
- B4DCDC
≈ Blue Glass
Complémentaire divisée +150° +210°
- DECBE6
Decadial Pink
- D6D5B6
≈ Chinese Silk
- BADCCD
≈ Mirador
Tétradique +90° +180° +270°
- DECBE6
Decadial Pink
- ECCBBC
≈ Babyccino
- C7DABF
≈ Crocodile Dreams
- B7D9E8
≈ Watercolour Sky
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.52:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.79:1 · APCA Lc 79
Meilleure couleur de texte: #000000
WCAG 13.79:1 (AAA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--decadial-pink: #decbe6;
--decadial-pink-rgb: 222 203 230;
--decadial-pink-oklch: oklch(0.866 0.042 316);
}
.element {
color: var(--decadial-pink);
background-color: hsl(282 35% 85%);
border-color: oklch(0.866 0.042 316);
}Tailwind CSS v4
@theme {
--color-decadial-pink: #decbe6;
--color-decadial-pink-50: #faf2fd;
--color-decadial-pink-100: #eee4f1;
--color-decadial-pink-200: #dccfe0;
--color-decadial-pink-300: #c1b1c6;
--color-decadial-pink-400: #a897b0;
--color-decadial-pink-500: #917e99;
--color-decadial-pink-600: #7b6b82;
--color-decadial-pink-700: #625568;
--color-decadial-pink-800: #483e4d;
--color-decadial-pink-900: #322b35;
--color-decadial-pink-950: #1e1820;
}SCSS
$decadial-pink: #decbe6;
$decadial-pink-rgb: 222, 203, 230;
$decadial-pink-light: mix(#fff, $decadial-pink, 20%);
$decadial-pink-dark: mix(#000, $decadial-pink, 20%);
.element {
color: $decadial-pink;
box-shadow: 0 0 0 2px rgba($decadial-pink, 0.35);
}