Color con nombre · #E7E7E6
Ambience White
Ambience White es #E7E7E6: rgb(231 231 230), hsl(60 2% 90%), oklch(0.928 0.001 106.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Ambience White color name →
#E7E7E6
oklch(0.928 0.001 106.4)
Conversiones de color
- HEX
- #e7e7e6
- RGB
- rgb(231 231 230)
- HSL
- hsl(60 2% 90%)
- HWB
- hwb(60 90% 9%)
- OKLCH
- oklch(0.928 0.001 106.4)
- OKLab
- oklab(0.928 0 0.001)
- CIE Lab
- lab(91.62 -0.13 0.49)
- LCH
- lch(91.62 0.51 105.2)
- CMYK
- cmyk(0% 0% 0% 9%)
Tintes · Sombras · Tonos
Tintes
- E9E9E8
- ECECEB
- EEEEED
- F1F1F0
- F3F3F2
- F5F5F5
- F8F8F7
- FAFAFA
- FDFDFC
Sombras
- C9C9C8
- ABABAB
- 8F8F8E
- 737373
- 595959
- 404040
- 282828
- 131313
- 030303
Tonos
- DCDCDB
- D2D2D1
- C7C7C6
- BCBCBC
- B2B2B2
- A8A8A7
- 9E9E9D
- 949493
- 8A8A8A
Armonías de color
Complementario +180°
- E7E7E6
Ambience White
- E7E7E8
≈ Placebo
Análogo -30° +30°
- E7E7E6
Ambience White
- E7E7E6
≈ Ambience White
- E7E7E6
≈ Ambience White
Triádico +120° +240°
- E7E7E6
Ambience White
- E6E7E8
≈ Silent Delight
- E8E7E7
≈ Placebo
Complementario dividido +150° +210°
- E7E7E6
Ambience White
- E6E7E8
≈ Silent Delight
- E7E7E8
≈ Placebo
Tetrádico +90° +180° +270°
- E7E7E6
Ambience White
- E6E7E7
≈ Placebo
- E7E7E8
≈ Placebo
- E8E7E7
≈ Placebo
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.23:1 · APCA Lc 12
Ag
AAASobre negro
WCAG 16.97:1 · APCA Lc 92
Mejor color de texto: #000000
WCAG 16.97:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmentos de código
CSS
:root {
--ambience-white: #e7e7e6;
--ambience-white-rgb: 231 231 230;
--ambience-white-oklch: oklch(0.928 0.001 106.4);
}
.element {
color: var(--ambience-white);
background-color: hsl(60 2% 90%);
border-color: oklch(0.928 0.001 106.4);
}Tailwind CSS v4
@theme {
--color-ambience-white: #e7e7e6;
--color-ambience-white-50: #f5f5f5;
--color-ambience-white-100: #e8e8e7;
--color-ambience-white-200: #d4d4d3;
--color-ambience-white-300: #b7b7b6;
--color-ambience-white-400: #9e9e9d;
--color-ambience-white-500: #868685;
--color-ambience-white-600: #717171;
--color-ambience-white-700: #5b5b5a;
--color-ambience-white-800: #424242;
--color-ambience-white-900: #2e2e2d;
--color-ambience-white-950: #1b1b1a;
}SCSS
$ambience-white: #e7e7e6;
$ambience-white-rgb: 231, 231, 230;
$ambience-white-light: mix(#fff, $ambience-white, 20%);
$ambience-white-dark: mix(#000, $ambience-white, 20%);
.element {
color: $ambience-white;
box-shadow: 0 0 0 2px rgba($ambience-white, 0.35);
}