Benannte Farbe · #EAE3E9
Calm Tint
Calm Tint ist #EAE3E9: rgb(234 227 233), hsl(309 14% 90%), oklch(0.923 0.011 330.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Calm Tint color name →
#EAE3E9
oklch(0.923 0.011 330.2)
Farbumrechnungen
- HEX
- #eae3e9
- RGB
- rgb(234 227 233)
- HSL
- hsl(309 14% 90%)
- HWB
- hwb(309 89% 8%)
- OKLCH
- oklch(0.923 0.011 330.2)
- OKLab
- oklab(0.923 0.01 -0.005)
- CIE Lab
- lab(90.92 3.24 -2.04)
- LCH
- lch(90.92 3.83 327.8)
- CMYK
- cmyk(0% 3% 0% 8%)
Tints · Shades · Tones
Tints
- ECE6EB
- EEE9ED
- F0EBF0
- F2EEF2
- F4F1F4
- F7F4F6
- F9F7F8
- FBF9FB
- FDFCFD
Shades
- CBC5CB
- AEA8AD
- 918C90
- 757174
- 5A575A
- 413F41
- 292729
- 131213
- 030303
Tones
- DFD9DE
- D4CED3
- C9C4C8
- BEBABE
- B4B0B3
- A9A6A9
- 9F9D9E
- 949394
- 8A898A
Farbharmonien
Komplementär +180°
- EAE3E9
Calm Tint
- E1E8E2
≈ Glimmer
Analog -30° +30°
- EAE3E9
Calm Tint
- E6E4EC
≈ Soft Iris
- ECE3E5
≈ Delicacy White
Triadisch +120° +240°
- EAE3E9
Calm Tint
- E8E5DD
≈ Snowed In
- DEE8EA
≈ Filigree
Geteilt komplementär +150° +210°
- EAE3E9
Calm Tint
- E4E7DF
≈ Black Squeeze
- DEE8E6
≈ Calm
Tetradisch +90° +180° +270°
- EAE3E9
Calm Tint
- EBE4DE
≈ Bookworm
- E1E8E2
≈ Glimmer
- DFE7EC
≈ Diamond Light
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.26:1 · APCA Lc 13
Ag
AAAAuf Schwarz
WCAG 16.66:1 · APCA Lc 91
Beste Textfarbe: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--calm-tint: #eae3e9;
--calm-tint-rgb: 234 227 233;
--calm-tint-oklch: oklch(0.923 0.011 330.2);
}
.element {
color: var(--calm-tint);
background-color: hsl(309 14% 90%);
border-color: oklch(0.923 0.011 330.2);
}Tailwind CSS v4
@theme {
--color-calm-tint: #eae3e9;
--color-calm-tint-50: #f7f4f6;
--color-calm-tint-100: #eae6e9;
--color-calm-tint-200: #d7d2d6;
--color-calm-tint-300: #bbb5ba;
--color-calm-tint-400: #a29ca1;
--color-calm-tint-500: #8b848a;
--color-calm-tint-600: #756f74;
--color-calm-tint-700: #5e595d;
--color-calm-tint-800: #454144;
--color-calm-tint-900: #2f2d2f;
--color-calm-tint-950: #1c1a1c;
}SCSS
$calm-tint: #eae3e9;
$calm-tint-rgb: 234, 227, 233;
$calm-tint-light: mix(#fff, $calm-tint, 20%);
$calm-tint-dark: mix(#000, $calm-tint, 20%);
.element {
color: $calm-tint;
box-shadow: 0 0 0 2px rgba($calm-tint, 0.35);
}