色名 · #EAEED8
Blissful Serenity
Blissful Serenityは#EAEED8：rgb(234 238 216)、hsl(71 39% 89%)、oklch(0.94 0.029 115.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Blissful Serenity color name →
#EAEED8
oklch(0.94 0.029 115.3)
カラー変換
- HEX
- #eaeed8
- RGB
- rgb(234 238 216)
- HSL
- hsl(71 39% 89%)
- HWB
- hwb(71 85% 7%)
- OKLCH
- oklch(0.94 0.029 115.3)
- OKLab
- oklab(0.94 -0.013 0.027)
- CIE Lab
- lab(93.35 -4.2 10.21)
- LCH
- lch(93.35 11.04 112.3)
- CMYK
- cmyk(2% 0% 9% 7%)
ティント · シェード · トーン
ティント
- ECF0DC
- EEF1E0
- F0F3E4
- F2F5E8
- F4F7EB
- F7F8EF
- F9FAF3
- FBFCF7
- FDFDFB
シェード
- CBCFBC
- AEB1A0
- 919385
- 75776B
- 5A5C53
- 41423B
- 292A25
- 131411
- 030302
トーン
- DFE2CF
- D4D7C6
- C9CCBD
- BEC1B4
- B4B5AB
- A9ABA2
- 9FA09A
- 949591
- 8A8A88
カラーハーモニー
補色 +180°
- EAEED8
Blissful Serenity
- ECE8FD
≈ Bright Dusk
類似色 -30° +30°
- EAEED8
Blissful Serenity
- F4EAD6
≈ Good Morning Akihabara
- E0F1E0
≈ Mint Grasshopper
トライアド +120° +240°
- EAEED8
Blissful Serenity
- D9EFFD
≈ Calcareous Sinter
- FDE4EC
≈ Early Blossom
スプリットコンプリメンタリー +150° +210°
- EAEED8
Blissful Serenity
- E2EBFF
≈ Husky
- F6E5F6
≈ Soft Lavender
テトラード +90° +180° +270°
- EAEED8
Blissful Serenity
- D6F1F5
≈ Let It Snow
- ECE8FD
≈ Bright Dusk
- FFE4E1
≈ Misty Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.18:1 · APCA Lc 9
Ag
AAA黒の上
WCAG 17.71:1 · APCA Lc 95
最適な文字色: #000000
WCAG 17.71:1 (AAA) · APCA Lc 95
Contrast pairs
コードスニペット
CSS
:root {
--blissful-serenity: #eaeed8;
--blissful-serenity-rgb: 234 238 216;
--blissful-serenity-oklch: oklch(0.94 0.029 115.3);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(71 39% 89%);
border-color: oklch(0.94 0.029 115.3);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #eaeed8;
--color-blissful-serenity-50: #f4f6ed;
--color-blissful-serenity-100: #e7e9de;
--color-blissful-serenity-200: #d3d6c8;
--color-blissful-serenity-300: #b6baa9;
--color-blissful-serenity-400: #9da18d;
--color-blissful-serenity-500: #858973;
--color-blissful-serenity-600: #717461;
--color-blissful-serenity-700: #5a5d4e;
--color-blissful-serenity-800: #424438;
--color-blissful-serenity-900: #2e2f26;
--color-blissful-serenity-950: #1a1b15;
}SCSS
$blissful-serenity: #eaeed8;
$blissful-serenity-rgb: 234, 238, 216;
$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);
}