最も近い色名 · #DCE8E3
#DCE8E3
最も近い色名: Homoeopathic Blue
#DCE8E3（rgb(220 232 227)、hsl(155 21% 89%)、oklch(0.921 0.014 169.2)）に最も近い色名はHomoeopathic Blueです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#DCE8E3
oklch(0.921 0.014 169.2)
カラー変換
- HEX
- #dce8e3
- RGB
- rgb(220 232 227)
- HSL
- hsl(155 21% 89%)
- HWB
- hwb(155 86% 9%)
- OKLCH
- oklch(0.921 0.014 169.2)
- OKLab
- oklab(0.921 -0.014 0.003)
- CIE Lab
- lab(90.98 -4.83 0.98)
- LCH
- lch(90.98 4.92 168.5)
- CMYK
- cmyk(5% 0% 2% 9%)
ティント · シェード · トーン
ティント
- DFEAE6
- E3EDE9
- E6EFEB
- EAF1EE
- EDF3F1
- F1F6F4
- F4F8F7
- F8FAF9
- FBFDFC
シェード
- BFCAC5
- A3ACA8
- 88908C
- 6E7471
- 545957
- 3C403F
- 262927
- 111312
- 020303
トーン
- D2DDD9
- C9D2CE
- BFC8C4
- B6BDBA
- ADB3B0
- A4A8A6
- 9B9E9D
- 929493
- 898A89
カラーハーモニー
補色 +180°
- DCE8E3
Homoeopathic Blue
- EDE1E6
≈ Pink Booties
類似色 -30° +30°
- DCE8E3
Homoeopathic Blue
- E0E7DE
≈ Moist Silver
- DAE8E8
≈ Soft Blue White
トライアド +120° +240°
- DCE8E3
Homoeopathic Blue
- E4E3EE
≈ Farsighted
- EDE2DC
≈ Patient White
スプリットコンプリメンタリー +150° +210°
- DCE8E3
Homoeopathic Blue
- E9E2EB
≈ Violet Vogue
- EEE1E1
≈ Shattered Porcelain
テトラード +90° +180° +270°
- DCE8E3
Homoeopathic Blue
- DFE5EF
≈ Radiant Moon
- EDE1E6
≈ Pink Booties
- EAE4DA
≈ Hot Desert
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.25:1 · APCA Lc 13
Ag
AAA黒の上
WCAG 16.69:1 · APCA Lc 91
最適な文字色: #000000
WCAG 16.69:1 (AAA) · APCA Lc 91
Contrast pairs
コードスニペット
CSS
:root {
--homoeopathic-blue: #dce8e3;
--homoeopathic-blue-rgb: 220 232 227;
--homoeopathic-blue-oklch: oklch(0.921 0.014 169.2);
}
.element {
color: var(--homoeopathic-blue);
background-color: hsl(155 21% 89%);
border-color: oklch(0.921 0.014 169.2);
}Tailwind CSS v4
@theme {
--color-homoeopathic-blue: #dce8e3;
--color-homoeopathic-blue-50: #f1f6f4;
--color-homoeopathic-blue-100: #e3e9e7;
--color-homoeopathic-blue-200: #ced6d3;
--color-homoeopathic-blue-300: #b0bab6;
--color-homoeopathic-blue-400: #97a19d;
--color-homoeopathic-blue-500: #7d8984;
--color-homoeopathic-blue-600: #6a7470;
--color-homoeopathic-blue-700: #555d5a;
--color-homoeopathic-blue-800: #3e4441;
--color-homoeopathic-blue-900: #2b2f2d;
--color-homoeopathic-blue-950: #181c1a;
}SCSS
$homoeopathic-blue: #dce8e3;
$homoeopathic-blue-rgb: 220, 232, 227;
$homoeopathic-blue-light: mix(#fff, $homoeopathic-blue, 20%);
$homoeopathic-blue-dark: mix(#000, $homoeopathic-blue, 20%);
.element {
color: $homoeopathic-blue;
box-shadow: 0 0 0 2px rgba($homoeopathic-blue, 0.35);
}