Colore con nome · #EBECF0
Bright Grey
Bright Grey è #EBECF0: rgb(235 236 240), hsl(228 14% 93%), oklch(0.943 0.005 275). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Bright Grey color name →
#EBECF0
oklch(0.943 0.005 275)
Conversioni di colore
- HEX
- #ebecf0
- RGB
- rgb(235 236 240)
- HSL
- hsl(228 14% 93%)
- HWB
- hwb(228 92% 6%)
- OKLCH
- oklch(0.943 0.005 275)
- OKLab
- oklab(0.943 0 -0.005)
- CIE Lab
- lab(93.41 0.19 -2.07)
- LCH
- lch(93.41 2.07 275.3)
- CMYK
- cmyk(2% 2% 0% 6%)
Tinte · Ombre · Toni
Tinte
- EDEEF1
- EFF0F3
- F1F2F4
- F3F4F6
- F5F5F7
- F7F7F9
- F9F9FA
- FBFBFC
- FDFDFD
Ombre
- CCCDD1
- AEAFB2
- 919295
- 757678
- 5B5B5D
- 414243
- 29292A
- 131314
- 030303
Toni
- E0E1E4
- D5D5D9
- CACACD
- BFBFC2
- B4B4B6
- A9AAAB
- 9F9FA0
- 949595
- 8A8A8B
Armonie di colore
Complementare +180°
- EBECF0
Bright Grey
- EDECE8
≈ Whipped Coconut Cream
Analogo -30° +30°
- EBECF0
Bright Grey
- E9EDF0
≈ Walls of Santorini
- EDEBEF
≈ Bright Grey
Triadico +120° +240°
- EBECF0
Bright Grey
- F0EBEA
≈ Charolais Cattle
- EAEDEB
≈ Vibrant White
Complementare divisa +150° +210°
- EBECF0
Bright Grey
- EFECE9
≈ Snow Storm
- EBEDE9
≈ Neutral White
Tetradico +90° +180° +270°
- EBECF0
Bright Grey
- F0EBEC
≈ Snowberry
- EDECE8
≈ Whipped Coconut Cream
- E8EDED
≈ Brooklet
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASu nero
WCAG 17.78:1 · APCA Lc 96
Miglior colore del testo: #000000
WCAG 17.78:1 (AAA) · APCA Lc 96
Contrast pairs
Frammenti di codice
CSS
:root {
--bright-grey: #ebecf0;
--bright-grey-rgb: 235 236 240;
--bright-grey-oklch: oklch(0.943 0.005 275);
}
.element {
color: var(--bright-grey);
background-color: hsl(228 14% 93%);
border-color: oklch(0.943 0.005 275);
}Tailwind CSS v4
@theme {
--color-bright-grey: #ebecf0;
--color-bright-grey-50: #f5f5f7;
--color-bright-grey-100: #e7e8ea;
--color-bright-grey-200: #d3d4d6;
--color-bright-grey-300: #b6b7ba;
--color-bright-grey-400: #9d9ea2;
--color-bright-grey-500: #85868a;
--color-bright-grey-600: #707175;
--color-bright-grey-700: #5a5b5d;
--color-bright-grey-800: #424244;
--color-bright-grey-900: #2d2e2f;
--color-bright-grey-950: #1a1a1c;
}SCSS
$bright-grey: #ebecf0;
$bright-grey-rgb: 235, 236, 240;
$bright-grey-light: mix(#fff, $bright-grey, 20%);
$bright-grey-dark: mix(#000, $bright-grey, 20%);
.element {
color: $bright-grey;
box-shadow: 0 0 0 2px rgba($bright-grey, 0.35);
}