Couleur nommée la plus proche · #DCE0E4
#DCE0E4
Couleur nommée la plus proche: Bright Star
#DCE0E4 (rgb(220 224 228), hsl(210 13% 88%), oklch(0.905 0.007 247.9)) est la plus proche de la couleur nommée Bright Star. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DCE0E4
oklch(0.905 0.007 247.9)
Conversions de couleur
- HEX
- #dce0e4
- RGB
- rgb(220 224 228)
- HSL
- hsl(210 13% 88%)
- HWB
- hwb(210 86% 11%)
- OKLCH
- oklch(0.905 0.007 247.9)
- OKLab
- oklab(0.905 -0.003 -0.006)
- CIE Lab
- lab(88.95 -0.85 -2.46)
- LCH
- lch(88.95 2.6 251)
- CMYK
- cmyk(4% 2% 0% 11%)
Teintes · Ombres · Tons
Teintes
- DFE3E7
- E3E6E9
- E6E9EC
- EAECEF
- EDEFF1
- F1F3F4
- F4F6F7
- F8F9FA
- FBFCFC
Ombres
- BFC3C6
- A3A6A9
- 888A8D
- 6E7072
- 545658
- 3C3E3F
- 262728
- 111212
- 020203
Tons
- D2D6DA
- C9CCCF
- BFC2C5
- B6B8BB
- ADAFB1
- A4A5A7
- 9B9C9D
- 929293
- 89898A
Harmonies de couleurs
Complémentaire +180°
- DCE0E4
Bright Star
- E3DFDB
≈ Ghosted
Analogue -30° +30°
- DCE0E4
Bright Star
- DBE1E3
≈ Beach Wind
- DEDFE4
≈ Festive Ferret
Triadique +120° +240°
- DCE0E4
Bright Star
- E4DEDF
≈ Ardcoat
- DEE0DC
≈ Nebulous White
Complémentaire divisée +150° +210°
- DCE0E4
Bright Star
- E4DEDC
≈ Cumberland Sausage
- E1E0DA
≈ Reserved White
Tétradique +90° +180° +270°
- DCE0E4
Bright Star
- E3DEE1
≈ Ardcoat
- E3DFDB
≈ Ghosted
- DCE1DE
≈ Mantra
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.32:1 · APCA Lc 16
Ag
AAASur noir
WCAG 15.82:1 · APCA Lc 88
Meilleure couleur de texte: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Extraits de code
CSS
:root {
--bright-star: #dce0e4;
--bright-star-rgb: 220 224 228;
--bright-star-oklch: oklch(0.905 0.007 247.9);
}
.element {
color: var(--bright-star);
background-color: hsl(210 13% 88%);
border-color: oklch(0.905 0.007 247.9);
}Tailwind CSS v4
@theme {
--color-bright-star: #dce0e4;
--color-bright-star-50: #f4f5f7;
--color-bright-star-100: #e6e8ea;
--color-bright-star-200: #d2d4d7;
--color-bright-star-300: #b5b8bb;
--color-bright-star-400: #9b9fa2;
--color-bright-star-500: #83878b;
--color-bright-star-600: #6f7275;
--color-bright-star-700: #585b5e;
--color-bright-star-800: #404345;
--color-bright-star-900: #2c2e2f;
--color-bright-star-950: #191b1c;
}SCSS
$bright-star: #dce0e4;
$bright-star-rgb: 220, 224, 228;
$bright-star-light: mix(#fff, $bright-star, 20%);
$bright-star-dark: mix(#000, $bright-star, 20%);
.element {
color: $bright-star;
box-shadow: 0 0 0 2px rgba($bright-star, 0.35);
}