이름 색상 · #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);
}