이름 색상 · #C8D8E8
Light Placid Blue
Light Placid Blue은(는) #C8D8E8: rgb(200 216 232), hsl(210 41% 85%), oklch(0.875 0.028 248.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Placid Blue color name →
#C8D8E8
oklch(0.875 0.028 248.1)
색상 변환
- HEX
- #c8d8e8
- RGB
- rgb(200 216 232)
- HSL
- hsl(210 41% 85%)
- HWB
- hwb(210 78% 9%)
- OKLCH
- oklch(0.875 0.028 248.1)
- OKLab
- oklab(0.875 -0.01 -0.026)
- CIE Lab
- lab(85.49 -3.18 -9.82)
- LCH
- lch(85.49 10.33 252)
- CMYK
- cmyk(14% 7% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- CDDCEA
- D3E0ED
- D8E4EF
- DEE8F1
- E3EBF4
- E9EFF6
- EEF3F8
- F4F7FA
- F9FBFD
셰이드
- AEBCCA
- 94A0AC
- 7B8590
- 636B74
- 4C5359
- 363B40
- 212529
- 0F1113
- 020203
톤
- C1CFDD
- B9C6D2
- B2BDC8
- ABB4BD
- A3ABB3
- 9CA2A8
- 959A9E
- 8E9194
- 87888A
색 조화
보색 +180°
- C8D8E8
Light Placid Blue
- E3D3C3
≈ Sand Dune
유사색 -30° +30°
- C8D8E8
Light Placid Blue
- C2DBE2
≈ Washing Powder White
- D1D5E9
≈ Chill in the Air
삼각 배색 +120° +240°
- C8D8E8
Light Placid Blue
- E8CFD2
≈ Salmon Cream
- D0DAC6
≈ Duchamp Light Green
분열 보색 +150° +210°
- C8D8E8
Light Placid Blue
- E7D0C9
≈ Pianissimo
- DAD6C2
≈ Angora Whisper
사각 배색 +90° +180° +270°
- C8D8E8
Light Placid Blue
- E3CFDC
≈ Summer Clover
- E3D3C3
≈ Sand Dune
- C7DCCF
≈ Tenderness
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.45:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.44:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.44:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--light-placid-blue: #c8d8e8;
--light-placid-blue-rgb: 200 216 232;
--light-placid-blue-oklch: oklch(0.875 0.028 248.1);
}
.element {
color: var(--light-placid-blue);
background-color: hsl(210 41% 85%);
border-color: oklch(0.875 0.028 248.1);
}Tailwind CSS v4
@theme {
--color-light-placid-blue: #c8d8e8;
--color-light-placid-blue-50: #eff6fd;
--color-light-placid-blue-100: #e1e9f1;
--color-light-placid-blue-200: #ccd5e0;
--color-light-placid-blue-300: #adb9c6;
--color-light-placid-blue-400: #92a0af;
--color-light-placid-blue-500: #788898;
--color-light-placid-blue-600: #667381;
--color-light-placid-blue-700: #515c67;
--color-light-placid-blue-800: #3b444c;
--color-light-placid-blue-900: #282f35;
--color-light-placid-blue-950: #161b20;
}SCSS
$light-placid-blue: #c8d8e8;
$light-placid-blue-rgb: 200, 216, 232;
$light-placid-blue-light: mix(#fff, $light-placid-blue, 20%);
$light-placid-blue-dark: mix(#000, $light-placid-blue, 20%);
.element {
color: $light-placid-blue;
box-shadow: 0 0 0 2px rgba($light-placid-blue, 0.35);
}