Dichtstbijzijnde benoemde kleur · #EAECD4
#EAECD4
Dichtstbijzijnde benoemde kleur: Blissful Serenity
#EAECD4 (rgb(234 236 212), hsl(65 39% 88%), oklch(0.935 0.032 110.9)) komt het dichtst bij de benoemde kleur Blissful Serenity. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#EAECD4
oklch(0.935 0.032 110.9)
Kleurconversies
- HEX
- #eaecd4
- RGB
- rgb(234 236 212)
- HSL
- hsl(65 39% 88%)
- HWB
- hwb(65 83% 7%)
- OKLCH
- oklch(0.935 0.032 110.9)
- OKLab
- oklab(0.935 -0.011 0.03)
- CIE Lab
- lab(92.76 -3.73 11.45)
- LCH
- lch(92.76 12.04 108)
- CMYK
- cmyk(1% 0% 10% 7%)
Tinten · Schaduwen · Tonen
Tinten
- ECEED8
- EEF0DD
- F0F2E1
- F2F4E5
- F4F6E9
- F7F7EE
- F9F9F2
- FBFBF6
- FDFDFB
Schaduwen
- CBCDB8
- AEAF9D
- 919283
- 757669
- 5A5B51
- 41423A
- 292924
- 131310
- 030302
Tonen
- DFE1CB
- D4D5C3
- C9CABA
- BEBFB2
- B4B5A9
- A9AAA1
- 9F9F98
- 949590
- 8A8A88
Kleurharmonieën
Complementair +180°
- EAECD4
Blissful Serenity
- E9E6FE
≈ Cyber Lavender
Analoog -30° +30°
- EAECD4
Blissful Serenity
- F5E8D2
≈ Golden Mushroom
- DFEFDB
≈ Distant Landscape
Triadisch +120° +240°
- EAECD4
Blissful Serenity
- D5EEFB
≈ Ice Castle
- FBE1EC
≈ Spun Sugar
Gesplitst complementair +150° +210°
- EAECD4
Blissful Serenity
- DEEAFF
≈ Husky
- F4E3F7
≈ Minute Mauve
Tetradisch +90° +180° +270°
- EAECD4
Blissful Serenity
- D2F0F2
≈ Windswept
- E9E6FE
≈ Cyber Lavender
- FEE2E0
≈ Lady Anne
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.44:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.44:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--blissful-serenity: #eaecd4;
--blissful-serenity-rgb: 234 236 212;
--blissful-serenity-oklch: oklch(0.935 0.032 110.9);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(65 39% 88%);
border-color: oklch(0.935 0.032 110.9);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #eaecd4;
--color-blissful-serenity-50: #f5f6ec;
--color-blissful-serenity-100: #e8e9dd;
--color-blissful-serenity-200: #d4d6c7;
--color-blissful-serenity-300: #b7b9a7;
--color-blissful-serenity-400: #9fa08b;
--color-blissful-serenity-500: #878870;
--color-blissful-serenity-600: #72735f;
--color-blissful-serenity-700: #5b5c4c;
--color-blissful-serenity-800: #434337;
--color-blissful-serenity-900: #2e2f25;
--color-blissful-serenity-950: #1b1b14;
}SCSS
$blissful-serenity: #eaecd4;
$blissful-serenity-rgb: 234, 236, 212;
$blissful-serenity-light: mix(#fff, $blissful-serenity, 20%);
$blissful-serenity-dark: mix(#000, $blissful-serenity, 20%);
.element {
color: $blissful-serenity;
box-shadow: 0 0 0 2px rgba($blissful-serenity, 0.35);
}