이름 색상 · #A5B4C6
Posey Blue
Posey Blue은(는) #A5B4C6: rgb(165 180 198), hsl(213 22% 71%), oklch(0.764 0.031 253). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Posey Blue color name →
#A5B4C6
oklch(0.764 0.031 253)
색상 변환
- HEX
- #a5b4c6
- RGB
- rgb(165 180 198)
- HSL
- hsl(213 22% 71%)
- HWB
- hwb(213 65% 22%)
- OKLCH
- oklch(0.764 0.031 253)
- OKLab
- oklab(0.764 -0.009 -0.029)
- CIE Lab
- lab(72.57 -2.56 -11.04)
- LCH
- lch(72.57 11.33 256.9)
- CMYK
- cmyk(17% 9% 0% 22%)
틴트 · 셰이드 · 톤
틴트
- AEBBCC
- B6C3D1
- BFCAD7
- C8D1DD
- D1D9E2
- DAE0E8
- E3E8EE
- EDF0F3
- F6F7F9
셰이드
- 8F9CAC
- 798592
- 656E7A
- 515862
- 3D444B
- 2B3035
- 1A1D21
- 0A0C0E
- 010202
톤
- A1AFBF
- 9EA9B8
- 9AA4B1
- 969FA9
- 929AA2
- 8F949B
- 8B8F95
- 878A8E
- 848587
색 조화
보색 +180°
- A5B4C6
Posey Blue
- BFB09D
≈ Timber Dust
유사색 -30° +30°
- A5B4C6
Posey Blue
- 9EB7C1
≈ Shallow Sea
- AFB0C6
≈ Noble Purple
삼각 배색 +120° +240°
- A5B4C6
Posey Blue
- C5ABAD
≈ Pale Lychee
- ABB7A3
≈ Laurel Mist
분열 보색 +150° +210°
- A5B4C6
Posey Blue
- C4ADA3
≈ Glamorous Taupe
- B6B49D
≈ Turtle Trail
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.94:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.94:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--posey-blue: #a5b4c6;
--posey-blue-rgb: 165 180 198;
--posey-blue-oklch: oklch(0.764 0.031 253);
}
.element {
color: var(--posey-blue);
background-color: hsl(213 22% 71%);
border-color: oklch(0.764 0.031 253);
}Tailwind CSS v4
@theme {
--color-posey-blue: #a5b4c6;
--color-posey-blue-50: #eff6fe;
--color-posey-blue-100: #e1e9f2;
--color-posey-blue-200: #ccd5e2;
--color-posey-blue-300: #adb9c7;
--color-posey-blue-400: #92a0b1;
--color-posey-blue-500: #78889b;
--color-posey-blue-600: #667383;
--color-posey-blue-700: #515c69;
--color-posey-blue-800: #3b434d;
--color-posey-blue-900: #282e35;
--color-posey-blue-950: #161b21;
}SCSS
$posey-blue: #a5b4c6;
$posey-blue-rgb: 165, 180, 198;
$posey-blue-light: mix(#fff, $posey-blue, 20%);
$posey-blue-dark: mix(#000, $posey-blue, 20%);
.element {
color: $posey-blue;
box-shadow: 0 0 0 2px rgba($posey-blue, 0.35);
}