色名 · #DFCEC6
Morganite
Morganiteは#DFCEC6：rgb(223 206 198)、hsl(19 28% 83%)、oklch(0.863 0.022 47)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Morganite color name →
#DFCEC6
oklch(0.863 0.022 47)
カラー変換
- HEX
- #dfcec6
- RGB
- rgb(223 206 198)
- HSL
- hsl(19 28% 83%)
- HWB
- hwb(19 78% 13%)
- OKLCH
- oklch(0.863 0.022 47)
- OKLab
- oklab(0.863 0.015 0.016)
- CIE Lab
- lab(84.01 5.12 6.24)
- LCH
- lch(84.01 8.07 50.6)
- CMYK
- cmyk(0% 8% 11% 13%)
ティント · シェード · トーン
ティント
- E2D3CC
- E5D8D1
- E9DDD7
- ECE1DD
- EFE6E2
- F2EBE8
- F5F0EE
- F9F5F3
- FCFAF9
シェード
- C2B3AC
- A59892
- 8A7F7A
- 6F6662
- 564E4B
- 3D3835
- 272321
- 120F0E
- 020202
トーン
- D5C6BF
- CBBEB8
- C2B6B0
- B8AEA9
- AEA6A2
- A59E9B
- 9C9794
- 928F8E
- 898787
カラーハーモニー
補色 +180°
- DFCEC6
Morganite
- C4D5DD
≈ Icecap
類似色 -30° +30°
- DFCEC6
Morganite
- E0CDCD
≈ Delirious Donkey
- DAD0C2
≈ Blanc
トライアド +120° +240°
- DFCEC6
Morganite
- C5D7CF
≈ Geyser
- D0D0E0
≈ Hailstorm
スプリットコンプリメンタリー +150° +210°
- DFCEC6
Morganite
- C2D7D7
≈ Haint Blue
- C9D3E1
≈ Light Angora Blue
テトラード +90° +180° +270°
- DFCEC6
Morganite
- CBD6C8
≈ Falling Star
- C4D5DD
≈ Icecap
- D8CEDC
≈ Dusty Plum
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.52:1 · APCA Lc 24
Ag
AAA黒の上
WCAG 13.78:1 · APCA Lc 79
最適な文字色: #000000
WCAG 13.78:1 (AAA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--morganite: #dfcec6;
--morganite-rgb: 223 206 198;
--morganite-oklch: oklch(0.863 0.022 47);
}
.element {
color: var(--morganite);
background-color: hsl(19 28% 83%);
border-color: oklch(0.863 0.022 47);
}Tailwind CSS v4
@theme {
--color-morganite: #dfcec6;
--color-morganite-50: #fbf3f0;
--color-morganite-100: #eee6e2;
--color-morganite-200: #ddd2cc;
--color-morganite-300: #c1b4ae;
--color-morganite-400: #aa9b94;
--color-morganite-500: #93827a;
--color-morganite-600: #7c6e67;
--color-morganite-700: #645853;
--color-morganite-800: #49403c;
--color-morganite-900: #332c29;
--color-morganite-950: #1e1917;
}SCSS
$morganite: #dfcec6;
$morganite-rgb: 223, 206, 198;
$morganite-light: mix(#fff, $morganite, 20%);
$morganite-dark: mix(#000, $morganite, 20%);
.element {
color: $morganite;
box-shadow: 0 0 0 2px rgba($morganite, 0.35);
}