Benannte Farbe · #E7E6ED
Cool Frost
Cool Frost ist #E7E6ED: rgb(231 230 237), hsl(249 16% 92%), oklch(0.928 0.009 292.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Cool Frost color name →
#E7E6ED
oklch(0.928 0.009 292.8)
Farbumrechnungen
- HEX
- #e7e6ed
- RGB
- rgb(231 230 237)
- HSL
- hsl(249 16% 92%)
- HWB
- hwb(249 90% 7%)
- OKLCH
- oklch(0.928 0.009 292.8)
- OKLab
- oklab(0.928 0.004 -0.009)
- CIE Lab
- lab(91.52 1.29 -3.29)
- LCH
- lch(91.52 3.53 291.4)
- CMYK
- cmyk(3% 3% 0% 7%)
Tints · Shades · Tones
Tints
- E9E8EF
- ECEBF1
- EEEDF2
- F1F0F4
- F3F2F6
- F5F5F8
- F8F7FA
- FAFAFB
- FDFCFD
Shades
- C9C8CE
- ABABB0
- 8F8E93
- 737377
- 59595C
- 404042
- 28282A
- 131314
- 030303
Tones
- DCDBE2
- D2D1D6
- C7C6CB
- BCBCC0
- B2B2B5
- A8A7AA
- 9E9D9F
- 949395
- 8A8A8A
Farbharmonien
Komplementär +180°
- E7E6ED
Cool Frost
- E7E8E1
≈ Wedding Cake White
Analog -30° +30°
- E7E6ED
Cool Frost
- E4E7EE
≈ Cool Frost
- EAE5EB
≈ Easter Bunny
Triadisch +120° +240°
- E7E6ED
Cool Frost
- ECE5E1
≈ Aimee
- E1E9E6
≈ Calm
Geteilt komplementär +150° +210°
- E7E6ED
Cool Frost
- EAE7E0
≈ Thousand Shells
- E4E9E3
≈ Tidal Mist
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.93:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.93:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--cool-frost: #e7e6ed;
--cool-frost-rgb: 231 230 237;
--cool-frost-oklch: oklch(0.928 0.009 292.8);
}
.element {
color: var(--cool-frost);
background-color: hsl(249 16% 92%);
border-color: oklch(0.928 0.009 292.8);
}Tailwind CSS v4
@theme {
--color-cool-frost: #e7e6ed;
--color-cool-frost-50: #f5f5f8;
--color-cool-frost-100: #e8e7eb;
--color-cool-frost-200: #d4d3d8;
--color-cool-frost-300: #b7b6bc;
--color-cool-frost-400: #9e9da4;
--color-cool-frost-500: #86858c;
--color-cool-frost-600: #717176;
--color-cool-frost-700: #5b5a5f;
--color-cool-frost-800: #424245;
--color-cool-frost-900: #2e2d30;
--color-cool-frost-950: #1a1a1c;
}SCSS
$cool-frost: #e7e6ed;
$cool-frost-rgb: 231, 230, 237;
$cool-frost-light: mix(#fff, $cool-frost, 20%);
$cool-frost-dark: mix(#000, $cool-frost, 20%);
.element {
color: $cool-frost;
box-shadow: 0 0 0 2px rgba($cool-frost, 0.35);
}