色名 · #D1EDEF
Blue Emulsion
Blue Emulsionは#D1EDEF：rgb(209 237 239)、hsl(184 48% 88%)、oklch(0.926 0.029 201.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Blue Emulsion color name →
#D1EDEF
oklch(0.926 0.029 201.9)
カラー変換
- HEX
- #d1edef
- RGB
- rgb(209 237 239)
- HSL
- hsl(184 48% 88%)
- HWB
- hwb(184 82% 6%)
- OKLCH
- oklch(0.926 0.029 201.9)
- OKLab
- oklab(0.926 -0.027 -0.011)
- CIE Lab
- lab(91.74 -9.19 -4.24)
- LCH
- lch(91.74 10.12 204.8)
- CMYK
- cmyk(13% 1% 0% 6%)
ティント · シェード · トーン
ティント
- D6EFF1
- DAF1F2
- DFF2F4
- E4F4F5
- E8F6F7
- EDF8F9
- F1FAFA
- F6FBFC
- FAFDFD
シェード
- B5CED0
- 9BB0B1
- 819394
- 687778
- 505C5C
- 394242
- 232A2A
- 101414
- 020303
トーン
- C9E2E3
- C0D6D8
- B8CBCC
- B0C0C1
- A8B5B6
- A0AAAB
- 989FA0
- 909595
- 888A8B
カラーハーモニー
補色 +180°
- D1EDEF
Blue Emulsion
- FADFDE
≈ Pale Perfection
類似色 -30° +30°
- D1EDEF
Blue Emulsion
- D4EDE4
≈ Warm Winter
- D4EBF7
≈ Freezing Vapour
トライアド +120° +240°
- D1EDEF
Blue Emulsion
- F0E1F3
≈ Sheer Lavender
- F1E5D1
≈ Tulip White
スプリットコンプリメンタリー +150° +210°
- D1EDEF
Blue Emulsion
- F7DFE9
≈ Wishy-Washy Lilies
- F8E2D5
≈ Mette Penne
テトラード +90° +180° +270°
- D1EDEF
Blue Emulsion
- E6E4F9
≈ Lavender Mist
- FADFDE
≈ Pale Perfection
- E7E9D3
≈ Horned Lizard
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.23:1 · APCA Lc 11
Ag
AAA黒の上
WCAG 17.07:1 · APCA Lc 93
最適な文字色: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--blue-emulsion: #d1edef;
--blue-emulsion-rgb: 209 237 239;
--blue-emulsion-oklch: oklch(0.926 0.029 201.9);
}
.element {
color: var(--blue-emulsion);
background-color: hsl(184 48% 88%);
border-color: oklch(0.926 0.029 201.9);
}Tailwind CSS v4
@theme {
--color-blue-emulsion: #d1edef;
--color-blue-emulsion-50: #ecf8f9;
--color-blue-emulsion-100: #ddebec;
--color-blue-emulsion-200: #c7d8da;
--color-blue-emulsion-300: #a7bcbe;
--color-blue-emulsion-400: #8ba4a6;
--color-blue-emulsion-500: #708c8e;
--color-blue-emulsion-600: #5f7778;
--color-blue-emulsion-700: #4c5f60;
--color-blue-emulsion-800: #374646;
--color-blue-emulsion-900: #253031;
--color-blue-emulsion-950: #141c1d;
}SCSS
$blue-emulsion: #d1edef;
$blue-emulsion-rgb: 209, 237, 239;
$blue-emulsion-light: mix(#fff, $blue-emulsion, 20%);
$blue-emulsion-dark: mix(#000, $blue-emulsion, 20%);
.element {
color: $blue-emulsion;
box-shadow: 0 0 0 2px rgba($blue-emulsion, 0.35);
}