色名 · #CCDDEE
Tuğçe Silver
Tuğçe Silverは#CCDDEE：rgb(204 221 238)、hsl(210 50% 87%)、oklch(0.89 0.03 248.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Tuğçe Silver color name →
#CCDDEE
oklch(0.89 0.03 248.2)
カラー変換
- HEX
- #ccddee
- RGB
- rgb(204 221 238)
- HSL
- hsl(210 50% 87%)
- HWB
- hwb(210 80% 7%)
- OKLCH
- oklch(0.89 0.03 248.2)
- OKLab
- oklab(0.89 -0.011 -0.028)
- CIE Lab
- lab(87.22 -3.35 -10.39)
- LCH
- lch(87.22 10.92 252.1)
- CMYK
- cmyk(14% 7% 0% 7%)
ティント · シェード · トーン
ティント
- D1E0F0
- D6E4F1
- DBE7F3
- E0EBF5
- E5EEF7
- EAF1F8
- F0F5FA
- F5F8FC
- FAFCFD
シェード
- B1C0CF
- 97A4B1
- 7E8893
- 656E77
- 4E555C
- 373D42
- 22262A
- 0F1114
- 020203
トーン
- C4D3E2
- BCCAD7
- B5C0CC
- ADB7C1
- A5ADB6
- 9EA4AB
- 969BA0
- 8F9295
- 87898A
カラーハーモニー
補色 +180°
- CCDDEE
Tuğçe Silver
- E8D8C6
≈ Dépaysement
類似色 -30° +30°
- CCDDEE
Tuğçe Silver
- C6E0E8
≈ Wind Tunnel
- D6D9EF
≈ Blissful Meditation
トライアド +120° +240°
- CCDDEE
Tuğçe Silver
- EDD3D7
≈ Light Light Blush
- D5DFCA
≈ Grassy Glade
スプリットコンプリメンタリー +150° +210°
- CCDDEE
Tuğçe Silver
- EDD5CD
≈ Ole Pink
- E0DBC5
≈ Cosy Cream
テトラード +90° +180° +270°
- CCDDEE
Tuğçe Silver
- E9D4E2
≈ Light Favourite Lady
- E8D8C6
≈ Dépaysement
- CBE1D3
≈ Duck Egg Cream
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.38:1 · APCA Lc 19
Ag
AAA黒の上
WCAG 15.14:1 · APCA Lc 85
最適な文字色: #000000
WCAG 15.14:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
CSS
:root {
--tugce-silver: #ccddee;
--tugce-silver-rgb: 204 221 238;
--tugce-silver-oklch: oklch(0.89 0.03 248.2);
}
.element {
color: var(--tugce-silver);
background-color: hsl(210 50% 87%);
border-color: oklch(0.89 0.03 248.2);
}Tailwind CSS v4
@theme {
--color-tugce-silver: #ccddee;
--color-tugce-silver-50: #eff6fe;
--color-tugce-silver-100: #e1e9f2;
--color-tugce-silver-200: #cbd6e1;
--color-tugce-silver-300: #acb9c6;
--color-tugce-silver-400: #91a0b0;
--color-tugce-silver-500: #778899;
--color-tugce-silver-600: #657382;
--color-tugce-silver-700: #515c68;
--color-tugce-silver-800: #3a444c;
--color-tugce-silver-900: #282f35;
--color-tugce-silver-950: #161b20;
}SCSS
$tugce-silver: #ccddee;
$tugce-silver-rgb: 204, 221, 238;
$tugce-silver-light: mix(#fff, $tugce-silver, 20%);
$tugce-silver-dark: mix(#000, $tugce-silver, 20%);
.element {
color: $tugce-silver;
box-shadow: 0 0 0 2px rgba($tugce-silver, 0.35);
}