Couleur nommée la plus proche · #D3CEF7
#D3CEF7
Couleur nommée la plus proche: Innocent Snowdrop
#D3CEF7 (rgb(211 206 247), hsl(247 72% 89%), oklch(0.869 0.056 290.8)) est la plus proche de la couleur nommée Innocent Snowdrop. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#D3CEF7
oklch(0.869 0.056 290.8)
Conversions de couleur
- HEX
- #d3cef7
- RGB
- rgb(211 206 247)
- HSL
- hsl(247 72% 89%)
- HWB
- hwb(247 81% 3%)
- OKLCH
- oklch(0.869 0.056 290.8)
- OKLab
- oklab(0.869 0.02 -0.053)
- CIE Lab
- lab(84.16 7.75 -19.58)
- LCH
- lch(84.16 21.06 291.6)
- CMYK
- cmyk(15% 17% 0% 3%)
Teintes · Ombres · Tons
Teintes
- D7D3F8
- DCD8F9
- E0DDFA
- E4E2FB
- E9E6FB
- EDEBFC
- F2F0FD
- F6F5FE
- FAFAFE
Ombres
- B7B3D7
- 9C98B7
- 827F99
- 69667C
- 514E60
- 3A3845
- 24232C
- 100F15
- 020203
Tons
- CAC6EB
- C2BEDE
- B9B6D2
- B1AEC6
- A8A6BA
- A09FAE
- 9897A2
- 908F97
- 88888B
Harmonies de couleurs
Complémentaire +180°
- D3CEF7
Innocent Snowdrop
- D5D8AD
≈ Green Mesh
Analogue -30° +30°
- D3CEF7
Innocent Snowdrop
- BFD5FA
≈ Oh Boy!
- E5C8EB
≈ Prom Corsage
Triadique +120° +240°
- D3CEF7
Innocent Snowdrop
- F3CAB3
≈ Bellini
- AFE0CF
≈ Meristem
Complémentaire divisée +150° +210°
- D3CEF7
Innocent Snowdrop
- E7D1AA
≈ Morning Wheat
- C0DEBB
≈ Soft Lumen
Tétradique +90° +180° +270°
- D3CEF7
Innocent Snowdrop
- F7C6C4
≈ English Rose
- D5D8AD
≈ Green Mesh
- A8E0E3
≈ Blue Bauble
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.50:1 · APCA Lc 24
Ag
AAASur noir
WCAG 13.94:1 · APCA Lc 80
Meilleure couleur de texte: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Extraits de code
CSS
:root {
--innocent-snowdrop: #d3cef7;
--innocent-snowdrop-rgb: 211 206 247;
--innocent-snowdrop-oklch: oklch(0.869 0.056 290.8);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(247 72% 89%);
border-color: oklch(0.869 0.056 290.8);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #d3cef7;
--color-innocent-snowdrop-50: #f5f3ff;
--color-innocent-snowdrop-100: #e8e5fa;
--color-innocent-snowdrop-200: #d4d0eb;
--color-innocent-snowdrop-300: #b8b3d2;
--color-innocent-snowdrop-400: #9e99be;
--color-innocent-snowdrop-500: #8680a9;
--color-innocent-snowdrop-600: #716c8f;
--color-innocent-snowdrop-700: #5a5773;
--color-innocent-snowdrop-800: #413f55;
--color-innocent-snowdrop-900: #2d2c3b;
--color-innocent-snowdrop-950: #1a1925;
}SCSS
$innocent-snowdrop: #d3cef7;
$innocent-snowdrop-rgb: 211, 206, 247;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}