가장 가까운 이름 색상 · #C5E5E5
#C5E5E5
가장 가까운 이름 색상: Cold Wave
#C5E5E5(rgb(197 229 229), hsl(180 38% 84%), oklch(0.899 0.034 196.6))와 가장 가까운 이름 색상은 Cold Wave입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C5E5E5
oklch(0.899 0.034 196.6)
색상 변환
- HEX
- #c5e5e5
- RGB
- rgb(197 229 229)
- HSL
- hsl(180 38% 84%)
- HWB
- hwb(180 77% 10%)
- OKLCH
- oklch(0.899 0.034 196.6)
- OKLab
- oklab(0.899 -0.032 -0.01)
- CIE Lab
- lab(88.61 -10.86 -3.72)
- LCH
- lch(88.61 11.48 198.9)
- CMYK
- cmyk(14% 0% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- CBE8E8
- D1EAEA
- D7EDED
- DCEFEF
- E2F2F2
- E8F5F5
- EEF7F7
- F3FAFA
- F9FCFC
셰이드
- ABC7C7
- 92AAAA
- 798E8E
- 617272
- 4B5858
- 353F3F
- 212828
- 0E1212
- 020303
톤
- BEDADA
- B7D0D0
- B0C6C6
- A9BBBB
- A2B1B1
- 9BA7A7
- 949D9D
- 8E9393
- 878A8A
색 조화
보색 +180°
- C5E5E5
Cold Wave
- F3D5D6
≈ Alyssum
유사색 -30° +30°
- C5E5E5
Cold Wave
- CAE5D9
≈ Mint Whisper
- C7E3EF
≈ Niagara Falls
삼각 배색 +120° +240°
- C5E5E5
Cold Wave
- E7D7ED
≈ First Lilac
- EBDBC6
≈ Vanilla Mocha
분열 보색 +150° +210°
- C5E5E5
Cold Wave
- EFD5E2
≈ Hopeful
- F2D7CB
≈ Chinese Cherry
사각 배색 +90° +180° +270°
- C5E5E5
Cold Wave
- DBDBF4
≈ Nostalgia Perfume
- F3D5D6
≈ Alyssum
- E0E0C6
≈ Green Power
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.71:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.71:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--cold-wave: #c5e5e5;
--cold-wave-rgb: 197 229 229;
--cold-wave-oklch: oklch(0.899 0.034 196.6);
}
.element {
color: var(--cold-wave);
background-color: hsl(180 38% 84%);
border-color: oklch(0.899 0.034 196.6);
}Tailwind CSS v4
@theme {
--color-cold-wave: #c5e5e5;
--color-cold-wave-50: #ebf8f9;
--color-cold-wave-100: #dcecec;
--color-cold-wave-200: #c5d9d9;
--color-cold-wave-300: #a4bdbe;
--color-cold-wave-400: #88a5a5;
--color-cold-wave-500: #6c8d8e;
--color-cold-wave-600: #5c7878;
--color-cold-wave-700: #496060;
--color-cold-wave-800: #354646;
--color-cold-wave-900: #243130;
--color-cold-wave-950: #131d1d;
}SCSS
$cold-wave: #c5e5e5;
$cold-wave-rgb: 197, 229, 229;
$cold-wave-light: mix(#fff, $cold-wave, 20%);
$cold-wave-dark: mix(#000, $cold-wave, 20%);
.element {
color: $cold-wave;
box-shadow: 0 0 0 2px rgba($cold-wave, 0.35);
}