이름 색상 · #A7C5CE
Salt Spray
Salt Spray은(는) #A7C5CE: rgb(167 197 206), hsl(194 28% 73%), oklch(0.804 0.035 217.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Salt Spray color name →
#A7C5CE
oklch(0.804 0.035 217.8)
색상 변환
- HEX
- #a7c5ce
- RGB
- rgb(167 197 206)
- HSL
- hsl(194 28% 73%)
- HWB
- hwb(194 65% 19%)
- OKLCH
- oklch(0.804 0.035 217.8)
- OKLab
- oklab(0.804 -0.027 -0.021)
- CIE Lab
- lab(77.5 -9.01 -8.08)
- LCH
- lch(77.5 12.1 221.9)
- CMYK
- cmyk(19% 4% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- B0CBD3
- B8D0D8
- C1D6DD
- CADCE1
- D3E2E6
- DBE8EB
- E4EDF0
- EDF3F5
- F6F9FA
셰이드
- 91ABB3
- 7B9298
- 66797F
- 526166
- 3E4B4E
- 2C3538
- 1A2123
- 0A0E0F
- 010202
톤
- A3BEC6
- 9FB7BE
- 9BB0B6
- 98A9AE
- 94A2A6
- 909B9E
- 8C9497
- 888D8F
- 848788
색 조화
보색 +180°
- A7C5CE
Salt Spray
- D4B8AF
≈ Cracker Crumbs
유사색 -30° +30°
- A7C5CE
Salt Spray
- A7C7C3
≈ Peppermint Pie
- AEC2D5
≈ Airway
삼각 배색 +120° +240°
- A7C5CE
Salt Spray
- CFB7C7
≈ Soft Amethyst
- C5C0A7
≈ Mandu Dumpling
분열 보색 +150° +210°
- A7C5CE
Salt Spray
- D4B6BB
≈ Rose Stain
- CFBBA8
≈ Chinchilla Chenille
사각 배색 +90° +180° +270°
- A7C5CE
Salt Spray
- C5B9D1
≈ Fog Syringa
- D4B8AF
≈ Cracker Crumbs
- B9C4AC
≈ Arbor Vitae
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.82:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.52:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.52:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--salt-spray: #a7c5ce;
--salt-spray-rgb: 167 197 206;
--salt-spray-oklch: oklch(0.804 0.035 217.8);
}
.element {
color: var(--salt-spray);
background-color: hsl(194 28% 73%);
border-color: oklch(0.804 0.035 217.8);
}Tailwind CSS v4
@theme {
--color-salt-spray: #a7c5ce;
--color-salt-spray-50: #ebf8fc;
--color-salt-spray-100: #dcebf0;
--color-salt-spray-200: #c5d8df;
--color-salt-spray-300: #a5bcc4;
--color-salt-spray-400: #88a4ac;
--color-salt-spray-500: #6d8c96;
--color-salt-spray-600: #5c777e;
--color-salt-spray-700: #4a5f65;
--color-salt-spray-800: #35464a;
--color-salt-spray-900: #243033;
--color-salt-spray-950: #131c1f;
}SCSS
$salt-spray: #a7c5ce;
$salt-spray-rgb: 167, 197, 206;
$salt-spray-light: mix(#fff, $salt-spray, 20%);
$salt-spray-dark: mix(#000, $salt-spray, 20%);
.element {
color: $salt-spray;
box-shadow: 0 0 0 2px rgba($salt-spray, 0.35);
}