이름 색상 · #A2C6D3
Blue Dam
Blue Dam은(는) #A2C6D3: rgb(162 198 211), hsl(196 36% 73%), oklch(0.805 0.043 221.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Blue Dam color name →
#A2C6D3
oklch(0.805 0.043 221.8)
색상 변환
- HEX
- #a2c6d3
- RGB
- rgb(162 198 211)
- HSL
- hsl(196 36% 73%)
- HWB
- hwb(196 64% 17%)
- OKLCH
- oklch(0.805 0.043 221.8)
- OKLab
- oklab(0.805 -0.032 -0.028)
- CIE Lab
- lab(77.56 -10.28 -10.71)
- LCH
- lch(77.56 14.85 226.2)
- CMYK
- cmyk(23% 6% 0% 17%)
틴트 · 셰이드 · 톤
틴트
- ABCCD7
- B5D1DC
- BED7E0
- C7DDE5
- D0E2E9
- DAE8ED
- E3EEF2
- ECF3F6
- F6F9FB
셰이드
- 8CACB7
- 77929C
- 637A82
- 4F6269
- 3C4B51
- 2A353A
- 192124
- 0A0E10
- 010202
톤
- 9FBFCA
- 9BB8C2
- 98B1B9
- 95A9B1
- 91A2A9
- 8E9BA0
- 8B9598
- 878E90
- 848788
색 조화
보색 +180°
- A2C6D3
Blue Dam
- D8B7AA
≈ Pink Apatite
유사색 -30° +30°
- A2C6D3
Blue Dam
- A0C8C6
≈ Ocean Boulevard
- ACC2DB
≈ Cloudy Blue
삼각 배색 +120° +240°
- A2C6D3
Blue Dam
- D3B5C7
≈ Tsarina
- C4C1A1
≈ Northern Landscape
분열 보색 +150° +210°
- A2C6D3
Blue Dam
- D9B4B8
≈ Pink Flare
- D1BBA2
≈ Coco
사각 배색 +90° +180° +270°
- A2C6D3
Blue Dam
- C8B8D4
≈ Purple Shine
- D8B7AA
≈ Pink Apatite
- B5C5A9
≈ Zion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.55:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--blue-dam: #a2c6d3;
--blue-dam-rgb: 162 198 211;
--blue-dam-oklch: oklch(0.805 0.043 221.8);
}
.element {
color: var(--blue-dam);
background-color: hsl(196 36% 73%);
border-color: oklch(0.805 0.043 221.8);
}Tailwind CSS v4
@theme {
--color-blue-dam: #a2c6d3;
--color-blue-dam-50: #e9f8fe;
--color-blue-dam-100: #daebf3;
--color-blue-dam-200: #c2d9e2;
--color-blue-dam-300: #a1bdc8;
--color-blue-dam-400: #83a5b1;
--color-blue-dam-500: #678d9b;
--color-blue-dam-600: #577783;
--color-blue-dam-700: #465f69;
--color-blue-dam-800: #32464d;
--color-blue-dam-900: #223035;
--color-blue-dam-950: #111d20;
}SCSS
$blue-dam: #a2c6d3;
$blue-dam-rgb: 162, 198, 211;
$blue-dam-light: mix(#fff, $blue-dam, 20%);
$blue-dam-dark: mix(#000, $blue-dam, 20%);
.element {
color: $blue-dam;
box-shadow: 0 0 0 2px rgba($blue-dam, 0.35);
}