Dichtstbijzijnde benoemde kleur · #EDF0DA
#EDF0DA
Dichtstbijzijnde benoemde kleur: Blissful Serenity
#EDF0DA (rgb(237 240 218), hsl(68 42% 90%), oklch(0.947 0.029 113.3)) 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.
#EDF0DA
oklch(0.947 0.029 113.3)
Kleurconversies
- HEX
- #edf0da
- RGB
- rgb(237 240 218)
- HSL
- hsl(68 42% 90%)
- HWB
- hwb(68 85% 6%)
- OKLCH
- oklch(0.947 0.029 113.3)
- OKLab
- oklab(0.947 -0.012 0.027)
- CIE Lab
- lab(94.12 -3.83 10.31)
- LCH
- lch(94.12 11 110.4)
- CMYK
- cmyk(1% 0% 9% 6%)
Tinten · Schaduwen · Tonen
Tinten
- EFF2DE
- F1F3E1
- F2F5E5
- F4F6E9
- F6F8ED
- F8F9F0
- FAFBF4
- FBFCF8
- FDFEFB
Schaduwen
- CED1BD
- B0B2A2
- 939587
- 77786C
- 5C5D54
- 42433C
- 2A2A25
- 141411
- 030302
Tonen
- E2E4D1
- D6D9C7
- CBCDBE
- C0C2B5
- B5B6AC
- AAABA3
- 9FA09A
- 959591
- 8A8B89
Kleurharmonieën
Complementair +180°
- EDF0DA
Blissful Serenity
- EEEAFF
≈ Placebo Purple
Analoog -30° +30°
- EDF0DA
Blissful Serenity
- F7ECD8
≈ Ranier White
- E3F3E1
≈ Mojito
Triadisch +120° +240°
- EDF0DA
Blissful Serenity
- DBF1FE
≈ Wizard White
- FEE6EF
≈ Sweetly
Gesplitst complementair +150° +210°
- EDF0DA
Blissful Serenity
- E5EEFF
≈ Brilliant White
- F8E7F9
≈ Soft Lavender
Tetradisch +90° +180° +270°
- EDF0DA
Blissful Serenity
- D8F4F6
≈ Fishious Rend
- EEEAFF
≈ Placebo Purple
- FFE7E5
≈ Pink Theory
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.16:1 · APCA Lc 8
Ag
AAAOp zwart
WCAG 18.07:1 · APCA Lc 97
Beste tekstkleur: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--blissful-serenity: #edf0da;
--blissful-serenity-rgb: 237 240 218;
--blissful-serenity-oklch: oklch(0.947 0.029 113.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(68 42% 90%);
border-color: oklch(0.947 0.029 113.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #edf0da;
--color-blissful-serenity-50: #f4f6ed;
--color-blissful-serenity-100: #e7e9de;
--color-blissful-serenity-200: #d3d6c8;
--color-blissful-serenity-300: #b6b9a9;
--color-blissful-serenity-400: #9ea18d;
--color-blissful-serenity-500: #868973;
--color-blissful-serenity-600: #717461;
--color-blissful-serenity-700: #5b5c4e;
--color-blissful-serenity-800: #424338;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1b1b15;
}SCSS
$blissful-serenity: #edf0da;
$blissful-serenity-rgb: 237, 240, 218;
$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);
}