이름 색상 · #B2A8A1
Aura
Aura은(는) #B2A8A1: rgb(178 168 161), hsl(25 10% 66%), oklch(0.738 0.015 57.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Aura color name →
#B2A8A1
oklch(0.738 0.015 57.5)
색상 변환
- HEX
- #b2a8a1
- RGB
- rgb(178 168 161)
- HSL
- hsl(25 10% 66%)
- HWB
- hwb(25 63% 30%)
- OKLCH
- oklch(0.738 0.015 57.5)
- OKLab
- oklab(0.738 0.008 0.013)
- CIE Lab
- lab(69.57 2.81 4.99)
- LCH
- lch(69.57 5.72 60.6)
- CMYK
- cmyk(0% 6% 10% 30%)
틴트 · 셰이드 · 톤
틴트
- B9B0AA
- C1B9B3
- C9C1BC
- D0CAC6
- D8D3CF
- E0DBD8
- E7E4E2
- EFEDEC
- F7F6F5
셰이드
- 9A928B
- 837C76
- 6D6762
- 57524E
- 433F3C
- 2F2C2A
- 1D1A19
- 0C0A09
- 010101
톤
- ADA49E
- A8A09A
- A39C97
- 9E9894
- 999490
- 94908D
- 8F8C8A
- 8A8887
- 858483
색 조화
보색 +180°
- B2A8A1
Aura
- A2ACB3
≈ Laundry Blue
유사색 -30° +30°
삼각 배색 +120° +240°
분열 보색 +150° +210°
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 9.00:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 9.00:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--aura: #b2a8a1;
--aura-rgb: 178 168 161;
--aura-oklch: oklch(0.738 0.015 57.5);
}
.element {
color: var(--aura);
background-color: hsl(25 10% 66%);
border-color: oklch(0.738 0.015 57.5);
}Tailwind CSS v4
@theme {
--color-aura: #b2a8a1;
--color-aura-50: #f9f4f1;
--color-aura-100: #ece7e3;
--color-aura-200: #d9d3ce;
--color-aura-300: #beb6b0;
--color-aura-400: #a69c96;
--color-aura-500: #8e847c;
--color-aura-600: #787069;
--color-aura-700: #605954;
--color-aura-800: #47413d;
--color-aura-900: #312d2a;
--color-aura-950: #1d1a18;
}SCSS
$aura: #b2a8a1;
$aura-rgb: 178, 168, 161;
$aura-light: mix(#fff, $aura, 20%);
$aura-dark: mix(#000, $aura, 20%);
.element {
color: $aura;
box-shadow: 0 0 0 2px rgba($aura, 0.35);
}