Colore con nome · #EAECD3
Just Perfect
Just Perfect è #EAECD3: rgb(234 236 211), hsl(65 40% 88%), oklch(0.935 0.033 110.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Just Perfect color name →
#EAECD3
oklch(0.935 0.033 110.7)
Conversioni di colore
- HEX
- #eaecd3
- RGB
- rgb(234 236 211)
- HSL
- hsl(65 40% 88%)
- HWB
- hwb(65 83% 7%)
- OKLCH
- oklch(0.935 0.033 110.7)
- OKLab
- oklab(0.935 -0.012 0.031)
- CIE Lab
- lab(92.75 -3.85 11.93)
- LCH
- lch(92.75 12.54 107.9)
- CMYK
- cmyk(1% 0% 11% 7%)
Tinte · Ombre · Toni
Tinte
- ECEED7
- EEF0DC
- F0F2E0
- F2F4E5
- F4F6E9
- F7F7ED
- F9F9F2
- FBFBF6
- FDFDFB
Ombre
- CBCDB7
- AEAF9C
- 919282
- 757669
- 5A5B51
- 41423A
- 292924
- 131310
- 030302
Toni
- DFE1CA
- D4D5C2
- C9CAB9
- BEBFB1
- B4B5A9
- A9AAA0
- 9F9F98
- 949590
- 8A8A88
Armonie di colore
Complementare +180°
- EAECD3
Just Perfect
- E9E6FF
≈ Cyber Lavender
Analogo -30° +30°
- EAECD3
Just Perfect
- F5E8D1
≈ Golden Mushroom
- DEEFDB
≈ Dewmist Delight
Triadico +120° +240°
- EAECD3
Just Perfect
- D4EEFC
≈ Ice Castle
- FCE1EC
≈ Spun Sugar
Complementare divisa +150° +210°
- EAECD3
Just Perfect
- DEEAFF
≈ Husky
- F4E3F7
≈ Minute Mauve
Tetradico +90° +180° +270°
- EAECD3
Just Perfect
- D1F1F2
≈ Windswept
- E9E6FF
≈ Cyber Lavender
- FFE1E0
≈ Red Remains
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.20:1 · APCA Lc 10
Ag
AAASu nero
WCAG 17.43:1 · APCA Lc 94
Miglior colore del testo: #000000
WCAG 17.43:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--just-perfect: #eaecd3;
--just-perfect-rgb: 234 236 211;
--just-perfect-oklch: oklch(0.935 0.033 110.7);
}
.element {
color: var(--just-perfect);
background-color: hsl(65 40% 88%);
border-color: oklch(0.935 0.033 110.7);
}Tailwind CSS v4
@theme {
--color-just-perfect: #eaecd3;
--color-just-perfect-50: #f5f6ec;
--color-just-perfect-100: #e8e9dd;
--color-just-perfect-200: #d4d6c6;
--color-just-perfect-300: #b7b9a6;
--color-just-perfect-400: #9fa18a;
--color-just-perfect-500: #87896f;
--color-just-perfect-600: #72745f;
--color-just-perfect-700: #5b5c4b;
--color-just-perfect-800: #434336;
--color-just-perfect-900: #2e2f25;
--color-just-perfect-950: #1b1b14;
}SCSS
$just-perfect: #eaecd3;
$just-perfect-rgb: 234, 236, 211;
$just-perfect-light: mix(#fff, $just-perfect, 20%);
$just-perfect-dark: mix(#000, $just-perfect, 20%);
.element {
color: $just-perfect;
box-shadow: 0 0 0 2px rgba($just-perfect, 0.35);
}