이름 색상 · #C8DCD5
Ocean Silk
Ocean Silk은(는) #C8DCD5: rgb(200 220 213), hsl(159 22% 82%), oklch(0.878 0.023 172.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Ocean Silk color name →
#C8DCD5
oklch(0.878 0.023 172.8)
색상 변환
- HEX
- #c8dcd5
- RGB
- rgb(200 220 213)
- HSL
- hsl(159 22% 82%)
- HWB
- hwb(159 78% 14%)
- OKLCH
- oklch(0.878 0.023 172.8)
- OKLab
- oklab(0.878 -0.023 0.003)
- CIE Lab
- lab(86.1 -7.92 1.05)
- LCH
- lch(86.1 7.99 172.5)
- CMYK
- cmyk(9% 0% 3% 14%)
틴트 · 셰이드 · 톤
틴트
- CDDFD9
- D3E3DD
- D8E6E1
- DEEAE6
- E3EDEA
- E9F1EE
- EEF4F2
- F4F8F6
- F9FBFB
셰이드
- AEBFB9
- 94A39E
- 7B8883
- 636E6A
- 4C5451
- 363C3A
- 212624
- 0F1110
- 020202
톤
- C1D2CC
- B9C9C3
- B2BFBB
- ABB6B2
- A3ADAA
- 9CA4A1
- 959B99
- 8E9290
- 878988
색 조화
보색 +180°
- C8DCD5
Ocean Silk
- E4D1D8
≈ Ibis Mouse
유사색 -30° +30°
- C8DCD5
Ocean Silk
- CEDBCD
≈ Leek White
- C6DCDD
≈ Whispering Blue
삼각 배색 +120° +240°
- C8DCD5
Ocean Silk
- D7D4E5
≈ Light Gregorio Garden
- E4D3C9
≈ Bungalow White
분열 보색 +150° +210°
- C8DCD5
Ocean Silk
- DED2E0
≈ Ametrine Quartz
- E6D1CF
≈ Mauve Chalk
사각 배색 +90° +180° +270°
- C8DCD5
Ocean Silk
- CFD7E7
≈ Jewellery White
- E4D1D8
≈ Ibis Mouse
- DED6C6
≈ Earthling
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.65:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--ocean-silk: #c8dcd5;
--ocean-silk-rgb: 200 220 213;
--ocean-silk-oklch: oklch(0.878 0.023 172.8);
}
.element {
color: var(--ocean-silk);
background-color: hsl(159 22% 82%);
border-color: oklch(0.878 0.023 172.8);
}Tailwind CSS v4
@theme {
--color-ocean-silk: #c8dcd5;
--color-ocean-silk-50: #eff7f5;
--color-ocean-silk-100: #e0ebe7;
--color-ocean-silk-200: #cbd8d3;
--color-ocean-silk-300: #acbbb6;
--color-ocean-silk-400: #91a39d;
--color-ocean-silk-500: #778b84;
--color-ocean-silk-600: #657670;
--color-ocean-silk-700: #515e5a;
--color-ocean-silk-800: #3b4541;
--color-ocean-silk-900: #28302d;
--color-ocean-silk-950: #161c1a;
}SCSS
$ocean-silk: #c8dcd5;
$ocean-silk-rgb: 200, 220, 213;
$ocean-silk-light: mix(#fff, $ocean-silk, 20%);
$ocean-silk-dark: mix(#000, $ocean-silk, 20%);
.element {
color: $ocean-silk;
box-shadow: 0 0 0 2px rgba($ocean-silk, 0.35);
}