Cor nomeada · #DDE2E6
Bright Star
Bright Star é #DDE2E6: rgb(221 226 230), hsl(207 15% 88%), oklch(0.91 0.008 241.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bright Star color name →
#DDE2E6
oklch(0.91 0.008 241.7)
Conversões de cor
- HEX
- #dde2e6
- RGB
- rgb(221 226 230)
- HSL
- hsl(207 15% 88%)
- HWB
- hwb(207 87% 10%)
- OKLCH
- oklch(0.91 0.008 241.7)
- OKLab
- oklab(0.91 -0.004 -0.007)
- CIE Lab
- lab(89.58 -1.19 -2.58)
- LCH
- lch(89.58 2.84 245.2)
- CMYK
- cmyk(4% 2% 0% 10%)
Tons claros · Sombras · Tons
Tons claros
- E0E5E8
- E4E8EB
- E7EBED
- EAEEF0
- EEF0F2
- F1F3F5
- F5F6F7
- F8F9FA
- FCFCFC
Sombras
- C0C4C8
- A4A8AB
- 888C8E
- 6E7173
- 555759
- 3D3E40
- 262728
- 111213
- 020303
Tons
- D3D8DB
- CACED1
- C0C4C6
- B7BABC
- ADB0B2
- A4A6A7
- 9B9C9D
- 929393
- 89898A
Harmonias de cor
Complementar +180°
- DDE2E6
Bright Star
- E5E0DC
≈ Pergament Shreds
Análoga -30° +30°
- DDE2E6
Bright Star
- DCE3E4
≈ Serene
- DFE1E7
≈ Lilac Champagne
Tríade +120° +240°
- DDE2E6
Bright Star
- E6DFE1
≈ Pearl Violet
- E0E2DD
≈ Night White
Complementar dividida +150° +210°
- DDE2E6
Bright Star
- E6DFDE
≈ Mountain Air
- E3E1DC
≈ Freshwater Pearls
Tétrade +90° +180° +270°
- DDE2E6
Bright Star
- E4DFE4
≈ Pearl Violet
- E5E0DC
≈ Pergament Shreds
- DEE3DF
≈ Whitecap Foam
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.09:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.09:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--bright-star: #dde2e6;
--bright-star-rgb: 221 226 230;
--bright-star-oklch: oklch(0.91 0.008 241.7);
}
.element {
color: var(--bright-star);
background-color: hsl(207 15% 88%);
border-color: oklch(0.91 0.008 241.7);
}Tailwind CSS v4
@theme {
--color-bright-star: #dde2e6;
--color-bright-star-50: #f3f5f7;
--color-bright-star-100: #e6e8ea;
--color-bright-star-200: #d1d5d7;
--color-bright-star-300: #b4b8bb;
--color-bright-star-400: #9b9fa3;
--color-bright-star-500: #82878b;
--color-bright-star-600: #6e7275;
--color-bright-star-700: #585b5e;
--color-bright-star-800: #404345;
--color-bright-star-900: #2c2e30;
--color-bright-star-950: #191b1c;
}SCSS
$bright-star: #dde2e6;
$bright-star-rgb: 221, 226, 230;
$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);
}