가장 가까운 이름 색상 · #A6BAFF
#A6BAFF
가장 가까운 이름 색상: Pastel Blue
#A6BAFF(rgb(166 186 255), hsl(227 100% 83%), oklch(0.799 0.101 271.5))와 가장 가까운 이름 색상은 Pastel Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A6BAFF
oklch(0.799 0.101 271.5)
색상 변환
- HEX
- #a6baff
- RGB
- rgb(166 186 255)
- HSL
- hsl(227 100% 83%)
- HWB
- hwb(227 65% 0%)
- OKLCH
- oklch(0.799 0.101 271.5)
- OKLab
- oklab(0.799 0.003 -0.101)
- CIE Lab
- lab(75.91 5.1 -36.73)
- LCH
- lch(75.91 37.08 277.9)
- CMYK
- cmyk(35% 27% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- AFC1FF
- B7C8FF
- C0CFFF
- C9D6FF
- D2DDFF
- DAE4FF
- E4EAFF
- EDF1FF
- F6F8FF
셰이드
- 90A1DE
- 7A89BE
- 65729E
- 515C80
- 3E4663
- 2B3248
- 1A1E2E
- 0A0D16
- 010203
톤
- A2B4F2
- 9EAEE5
- 9AA9D8
- 97A3CB
- 939DBE
- 8F97B2
- 8B91A5
- 878C99
- 84868C
색 조화
보색 +180°
- A6BAFF
Pastel Blue
- D5BC6F
≈ Tookie Bird
유사색 -30° +30°
- A6BAFF
Pastel Blue
- 81C6F9
≈ Nevermind Nirvana
- C9AEF4
≈ Teasel Dipsacus
삼각 배색 +120° +240°
- A6BAFF
Pastel Blue
- F7A595
≈ Au Contraire
- 8CD09D
≈ Fennel
분열 보색 +150° +210°
- A6BAFF
Pastel Blue
- EDAF79
≈ Exciting Orange
- B3C87E
≈ Sour Face
사각 배색 +90° +180° +270°
- A6BAFF
Pastel Blue
- F4A2B9
≈ Pink Chalk
- D5BC6F
≈ Tookie Bird
- 6BD3C2
≈ Downy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.89:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.08:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.08:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--pastel-blue: #a6baff;
--pastel-blue-rgb: 166 186 255;
--pastel-blue-oklch: oklch(0.799 0.101 271.5);
}
.element {
color: var(--pastel-blue);
background-color: hsl(227 100% 83%);
border-color: oklch(0.799 0.101 271.5);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #a6baff;
--color-pastel-blue-50: #ebf4ff;
--color-pastel-blue-100: #dde6ff;
--color-pastel-blue-200: #c6d2ff;
--color-pastel-blue-300: #a7b4ec;
--color-pastel-blue-400: #899bda;
--color-pastel-blue-500: #6e81c9;
--color-pastel-blue-600: #5d6eaa;
--color-pastel-blue-700: #4b5888;
--color-pastel-blue-800: #344065;
--color-pastel-blue-900: #242c47;
--color-pastel-blue-950: #13192e;
}SCSS
$pastel-blue: #a6baff;
$pastel-blue-rgb: 166, 186, 255;
$pastel-blue-light: mix(#fff, $pastel-blue, 20%);
$pastel-blue-dark: mix(#000, $pastel-blue, 20%);
.element {
color: $pastel-blue;
box-shadow: 0 0 0 2px rgba($pastel-blue, 0.35);
}