最も近い色名 · #E6EBD4
#E6EBD4
最も近い色名: Blissful Serenity
#E6EBD4（rgb(230 235 212)、hsl(73 37% 88%)、oklch(0.93 0.031 117)）に最も近い色名はBlissful Serenityです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#E6EBD4
oklch(0.93 0.031 117)
カラー変換
- HEX
- #e6ebd4
- RGB
- rgb(230 235 212)
- HSL
- hsl(73 37% 88%)
- HWB
- hwb(73 83% 8%)
- OKLCH
- oklch(0.93 0.031 117)
- OKLab
- oklab(0.93 -0.014 0.028)
- CIE Lab
- lab(92.2 -4.68 10.6)
- LCH
- lch(92.2 11.59 113.8)
- CMYK
- cmyk(2% 0% 10% 8%)
ティント · シェード · トーン
ティント
- E8EDD8
- EBEFDD
- EDF1E1
- F0F3E5
- F2F5E9
- F5F7EE
- F7F9F2
- FAFBF6
- FCFDFB
シェード
- C8CCB8
- ABAE9D
- 8E9183
- 737569
- 595B51
- 40413A
- 282924
- 131310
- 030302
トーン
- DBE0CB
- D1D5C3
- C6CABA
- BCBFB2
- B2B4A9
- A7A9A1
- 9D9F98
- 939490
- 8A8A88
カラーハーモニー
補色 +180°
- E6EBD4
Blissful Serenity
- EAE4FB
≈ Lavender Mist
類似色 -30° +30°
- E6EBD4
Blissful Serenity
- F1E7D1
≈ Informal Ivory
- DBEEDC
≈ Dewmist Delight
トライアド +120° +240°
- E6EBD4
Blissful Serenity
- D5ECFA
≈ Ice Castle
- FAE0E8
≈ Watermelon Mousse
スプリットコンプリメンタリー +150° +210°
- E6EBD4
Blissful Serenity
- DFE8FD
≈ Glitter
- F4E1F3
≈ Minute Mauve
テトラード +90° +180° +270°
- E6EBD4
Blissful Serenity
- D1EEF2
≈ Diamond League
- EAE4FB
≈ Lavender Mist
- FCE1DD
≈ Peachy Ethereal
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.22:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.19:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.19:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--blissful-serenity: #e6ebd4;
--blissful-serenity-rgb: 230 235 212;
--blissful-serenity-oklch: oklch(0.93 0.031 117);
}
.element {
color: var(--blissful-serenity);
background-color: hsl(73 37% 88%);
border-color: oklch(0.93 0.031 117);
}Tailwind CSS v4
@theme {
--color-blissful-serenity: #e6ebd4;
--color-blissful-serenity-50: #f4f7ed;
--color-blissful-serenity-100: #e6e9de;
--color-blissful-serenity-200: #d2d6c8;
--color-blissful-serenity-300: #b5baa8;
--color-blissful-serenity-400: #9da18d;
--color-blissful-serenity-500: #848972;
--color-blissful-serenity-600: #707461;
--color-blissful-serenity-700: #5a5d4d;
--color-blissful-serenity-800: #424438;
--color-blissful-serenity-900: #2d2f26;
--color-blissful-serenity-950: #1a1b14;
}SCSS
$blissful-serenity: #e6ebd4;
$blissful-serenity-rgb: 230, 235, 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);
}