이름 색상 · #A3ABB8
Atelier
Atelier은(는) #A3ABB8: rgb(163 171 184), hsl(217 13% 68%), oklch(0.739 0.021 260.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Atelier color name →
#A3ABB8
oklch(0.739 0.021 260.2)
색상 변환
- HEX
- #a3abb8
- RGB
- rgb(163 171 184)
- HSL
- hsl(217 13% 68%)
- HWB
- hwb(217 64% 28%)
- OKLCH
- oklch(0.739 0.021 260.2)
- OKLab
- oklab(0.739 -0.004 -0.02)
- CIE Lab
- lab(69.65 -0.95 -7.72)
- LCH
- lch(69.65 7.77 263)
- CMYK
- cmyk(11% 7% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- ACB3BF
- B5BBC6
- BEC4CD
- C7CCD4
- D0D4DB
- D9DDE2
- E3E5E9
- ECEEF1
- F5F6F8
셰이드
- 8D94A0
- 787E88
- 636871
- 4F545B
- 3C4045
- 2A2D31
- 191B1E
- 0A0B0C
- 010102
톤
- 9FA7B2
- 9CA2AD
- 989EA7
- 959AA1
- 91959C
- 8E9196
- 8A8D90
- 87888B
- 838485
색 조화
보색 +180°
- A3ABB8
Atelier
- B1A99C
≈ Bright Sepia
유사색 -30° +30°
- A3ABB8
Atelier
- 9EADB5
≈ Irogon Blue
- AAA9B7
≈ Velvet Grey
삼각 배색 +120° +240°
- A3ABB8
Atelier
- B7A6A5
≈ Object of Desire
- A4AEA2
≈ Moonwort
분열 보색 +150° +210°
- A3ABB8
Atelier
- B6A79F
≈ Prestige
- ABAC9D
≈ Meditation
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.31:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.07:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.07:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--atelier: #a3abb8;
--atelier-rgb: 163 171 184;
--atelier-oklch: oklch(0.739 0.021 260.2);
}
.element {
color: var(--atelier);
background-color: hsl(217 13% 68%);
border-color: oklch(0.739 0.021 260.2);
}Tailwind CSS v4
@theme {
--color-atelier: #a3abb8;
--color-atelier-50: #f2f5fb;
--color-atelier-100: #e4e8ef;
--color-atelier-200: #cfd4dd;
--color-atelier-300: #b2b8c2;
--color-atelier-400: #979fab;
--color-atelier-500: #7e8794;
--color-atelier-600: #6b727d;
--color-atelier-700: #555b64;
--color-atelier-800: #3e434a;
--color-atelier-900: #2b2e33;
--color-atelier-950: #181b1f;
}SCSS
$atelier: #a3abb8;
$atelier-rgb: 163, 171, 184;
$atelier-light: mix(#fff, $atelier, 20%);
$atelier-dark: mix(#000, $atelier, 20%);
.element {
color: $atelier;
box-shadow: 0 0 0 2px rgba($atelier, 0.35);
}