Colore con nome · #EAE3E9
Calm Tint
Calm Tint è #EAE3E9: rgb(234 227 233), hsl(309 14% 90%), oklch(0.923 0.011 330.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Calm Tint color name →
#EAE3E9
oklch(0.923 0.011 330.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- ECE6EB
- EEE9ED
- F0EBF0
- F2EEF2
- F4F1F4
- F7F4F6
- F9F7F8
- FBF9FB
- FDFCFD
Ombre
- CBC5CB
- AEA8AD
- 918C90
- 757174
- 5A575A
- 413F41
- 292729
- 131213
- 030303
Toni
- DFD9DE
- D4CED3
- C9C4C8
- BEBABE
- B4B0B3
- A9A6A9
- 9F9D9E
- 949394
- 8A898A
Armonie di colore
Complementare +180°
- EAE3E9
Calm Tint
- E1E8E2
≈ Glimmer
Analogo -30° +30°
- EAE3E9
Calm Tint
- E6E4EC
≈ Soft Iris
- ECE3E5
≈ Delicacy White
Triadico +120° +240°
- EAE3E9
Calm Tint
- E8E5DD
≈ Snowed In
- DEE8EA
≈ Filigree
Complementare divisa +150° +210°
- EAE3E9
Calm Tint
- E4E7DF
≈ Black Squeeze
- DEE8E6
≈ Calm
Tetradico +90° +180° +270°
- EAE3E9
Calm Tint
- EBE4DE
≈ Bookworm
- E1E8E2
≈ Glimmer
- DFE7EC
≈ Diamond Light
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.66:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.66:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
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);
}