色名 · #C8DFC3
Shanghai Silk
Shanghai Silkは#C8DFC3：rgb(200 223 195)、hsl(109 30% 82%)、oklch(0.879 0.045 140.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Shanghai Silk color name →
#C8DFC3
oklch(0.879 0.045 140.1)
カラー変換
- HEX
- #c8dfc3
- RGB
- rgb(200 223 195)
- HSL
- hsl(109 30% 82%)
- HWB
- hwb(109 76% 13%)
- OKLCH
- oklch(0.879 0.045 140.1)
- OKLab
- oklab(0.879 -0.035 0.029)
- CIE Lab
- lab(86.53 -11.77 11.06)
- LCH
- lch(86.53 16.15 136.8)
- CMYK
- cmyk(10% 0% 13% 13%)
ティント · シェード · トーン
ティント
- CDE2C9
- D3E5CF
- D8E9D5
- DEECDB
- E3EFE1
- E9F2E7
- EEF5ED
- F4F9F3
- F9FCF9
シェード
- AEC2A9
- 94A590
- 7B8A78
- 636F60
- 4C564A
- 363D34
- 212720
- 0F120E
- 020202
トーン
- C1D5BC
- B9CBB5
- B2C2AE
- ABB8A8
- A3AEA1
- 9CA59A
- 959C94
- 8E928D
- 878987
カラーハーモニー
補色 +180°
- C8DFC3
Shanghai Silk
- E5CEEA
≈ Little Touch
類似色 -30° +30°
- C8DFC3
Shanghai Silk
- D8DAB9
≈ Apple Cucumber
- BBE1D3
≈ Pale Mountain Lake Turquoise
トライアド +120° +240°
- C8DFC3
Shanghai Silk
- C6D8F6
≈ Fly a Kite
- F4CCCB
≈ Happy Piglets
スプリットコンプリメンタリー +150° +210°
- C8DFC3
Shanghai Silk
- D6D3F4
≈ Japan Blush
- F0CCDB
≈ Smidgen of Love
テトラード +90° +180° +270°
- C8DFC3
Shanghai Silk
- BADDF0
≈ Fountains of Budapest
- E5CEEA
≈ Little Touch
- F1CFBD
≈ Desert Mesa
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.41:1 · APCA Lc 20
Ag
AAA黒の上
WCAG 14.79:1 · APCA Lc 83
最適な文字色: #000000
WCAG 14.79:1 (AAA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--shanghai-silk: #c8dfc3;
--shanghai-silk-rgb: 200 223 195;
--shanghai-silk-oklch: oklch(0.879 0.045 140.1);
}
.element {
color: var(--shanghai-silk);
background-color: hsl(109 30% 82%);
border-color: oklch(0.879 0.045 140.1);
}Tailwind CSS v4
@theme {
--color-shanghai-silk: #c8dfc3;
--color-shanghai-silk-50: #eef9ed;
--color-shanghai-silk-100: #e0ecde;
--color-shanghai-silk-200: #cad9c8;
--color-shanghai-silk-300: #abbea8;
--color-shanghai-silk-400: #91a58c;
--color-shanghai-silk-500: #778e72;
--color-shanghai-silk-600: #657860;
--color-shanghai-silk-700: #50604d;
--color-shanghai-silk-800: #3b4637;
--color-shanghai-silk-900: #283126;
--color-shanghai-silk-950: #161d14;
}SCSS
$shanghai-silk: #c8dfc3;
$shanghai-silk-rgb: 200, 223, 195;
$shanghai-silk-light: mix(#fff, $shanghai-silk, 20%);
$shanghai-silk-dark: mix(#000, $shanghai-silk, 20%);
.element {
color: $shanghai-silk;
box-shadow: 0 0 0 2px rgba($shanghai-silk, 0.35);
}