Najbliższy nazwany kolor · #DCE0E4
#DCE0E4
Najbliższy nazwany kolor: Bright Star
#DCE0E4 (rgb(220 224 228), hsl(210 13% 88%), oklch(0.905 0.007 247.9)) jest najbliższy nazwanemu kolorowi Bright Star. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#DCE0E4
oklch(0.905 0.007 247.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DFE3E7
- E3E6E9
- E6E9EC
- EAECEF
- EDEFF1
- F1F3F4
- F4F6F7
- F8F9FA
- FBFCFC
Odcienie ciemniejsze
- BFC3C6
- A3A6A9
- 888A8D
- 6E7072
- 545658
- 3C3E3F
- 262728
- 111212
- 020203
Tony
- D2D6DA
- C9CCCF
- BFC2C5
- B6B8BB
- ADAFB1
- A4A5A7
- 9B9C9D
- 929293
- 89898A
Harmonie kolorów
Komplementarna +180°
- DCE0E4
Bright Star
- E3DFDB
≈ Ghosted
Analogowa -30° +30°
- DCE0E4
Bright Star
- DBE1E3
≈ Beach Wind
- DEDFE4
≈ Festive Ferret
Triada +120° +240°
- DCE0E4
Bright Star
- E4DEDF
≈ Ardcoat
- DEE0DC
≈ Nebulous White
Komplementarna rozszczepiona +150° +210°
- DCE0E4
Bright Star
- E4DEDC
≈ Cumberland Sausage
- E1E0DA
≈ Reserved White
Tetrada +90° +180° +270°
- DCE0E4
Bright Star
- E3DEE1
≈ Ardcoat
- E3DFDB
≈ Ghosted
- DCE1DE
≈ Mantra
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.32:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.82:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.82:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
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);
}