가장 가까운 이름 색상 · #A9BBFF
#A9BBFF
가장 가까운 이름 색상: Pastel Blue
#A9BBFF(rgb(169 187 255), hsl(227 100% 83%), oklch(0.803 0.099 272.6))와 가장 가까운 이름 색상은 Pastel Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A9BBFF
oklch(0.803 0.099 272.6)
색상 변환
- HEX
- #a9bbff
- RGB
- rgb(169 187 255)
- HSL
- hsl(227 100% 83%)
- HWB
- hwb(227 66% 0%)
- OKLCH
- oklch(0.803 0.099 272.6)
- OKLab
- oklab(0.803 0.004 -0.099)
- CIE Lab
- lab(76.38 5.48 -35.98)
- LCH
- lch(76.38 36.4 278.7)
- CMYK
- cmyk(34% 27% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- B1C2FF
- BAC9FF
- C2D0FF
- CAD6FF
- D3DDFF
- DCE4FF
- E4EBFF
- EDF2FF
- F6F8FF
셰이드
- 92A2DE
- 7C8ABE
- 67739E
- 535C80
- 3F4663
- 2C3248
- 1B1F2E
- 0A0D16
- 010203
톤
- A5B5F2
- A1AFE5
- 9CA9D8
- 98A3CB
- 949EBE
- 9098B2
- 8C92A5
- 888C99
- 84868C
색 조화
보색 +180°
- A9BBFF
Pastel Blue
- D5BD72
≈ Morning’s Egg
유사색 -30° +30°
- A9BBFF
Pastel Blue
- 85C7F9
≈ Chromis Damsel Blue
- CBB0F4
≈ Teasel Dipsacus
삼각 배색 +120° +240°
- A9BBFF
Pastel Blue
- F8A796
≈ Au Contraire
- 8DD2A0
≈ Fennel
분열 보색 +150° +210°
- A9BBFF
Pastel Blue
- EDB17B
≈ Exciting Orange
- B3C981
≈ Nurgling Green
사각 배색 +90° +180° +270°
- A9BBFF
Pastel Blue
- F5A4B9
≈ Petal Power
- D5BD72
≈ Morning’s Egg
- 6ED4C4
≈ Turquoise Twist
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.86:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.23:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.23:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--pastel-blue: #a9bbff;
--pastel-blue-rgb: 169 187 255;
--pastel-blue-oklch: oklch(0.803 0.099 272.6);
}
.element {
color: var(--pastel-blue);
background-color: hsl(227 100% 83%);
border-color: oklch(0.803 0.099 272.6);
}Tailwind CSS v4
@theme {
--color-pastel-blue: #a9bbff;
--color-pastel-blue-50: #ecf4ff;
--color-pastel-blue-100: #dde6ff;
--color-pastel-blue-200: #c7d2ff;
--color-pastel-blue-300: #a8b4ea;
--color-pastel-blue-400: #8a9bd9;
--color-pastel-blue-500: #7081c8;
--color-pastel-blue-600: #5f6da8;
--color-pastel-blue-700: #4c5787;
--color-pastel-blue-800: #354065;
--color-pastel-blue-900: #242c47;
--color-pastel-blue-950: #13192e;
}SCSS
$pastel-blue: #a9bbff;
$pastel-blue-rgb: 169, 187, 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);
}