이름 색상 · #A8B1D7
High Style
High Style은(는) #A8B1D7: rgb(168 177 215), hsl(229 37% 75%), oklch(0.766 0.055 274.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · High Style color name →
#A8B1D7
oklch(0.766 0.055 274.6)
색상 변환
- HEX
- #a8b1d7
- RGB
- rgb(168 177 215)
- HSL
- hsl(229 37% 75%)
- HWB
- hwb(229 66% 16%)
- OKLCH
- oklch(0.766 0.055 274.6)
- OKLab
- oklab(0.766 0.004 -0.055)
- CIE Lab
- lab(72.46 2.85 -20.41)
- LCH
- lch(72.46 20.61 277.9)
- CMYK
- cmyk(22% 18% 0% 16%)
틴트 · 셰이드 · 톤
틴트
- B0B9DB
- B9C0DF
- C1C8E3
- CAD0E7
- D3D8EB
- DBDFEF
- E4E7F3
- EDEFF7
- F6F7FB
셰이드
- 9299BB
- 7C839F
- 676C85
- 52576B
- 3F4252
- 2C2F3B
- 1A1C25
- 0A0C11
- 010102
톤
- A4ACCE
- A0A7C5
- 9CA2BC
- 989DB4
- 9498AB
- 9093A2
- 8C8F9A
- 888A91
- 848588
색 조화
보색 +180°
- A8B1D7
High Style
- BEB38B
≈ Bayou Shade
유사색 -30° +30°
- A8B1D7
High Style
- 96B8D4
≈ Blue Pointer
- BBABD0
≈ Jacey’s Favourite
삼각 배색 +120° +240°
- A8B1D7
High Style
- D4A79C
≈ Cinnamon Cocoa
- 98BEA4
≈ Reeds
분열 보색 +150° +210°
- A8B1D7
High Style
- CCAC8F
≈ Pottery Wheel
- ABBA93
≈ Ash Tree
사각 배색 +90° +180° +270°
- A8B1D7
High Style
- D3A5AE
≈ Foxy Lady
- BEB38B
≈ Bayou Shade
- 8BBFB7
≈ Undine
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 41
Ag
AAA검은색 위
WCAG 9.93:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.93:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--high-style: #a8b1d7;
--high-style-rgb: 168 177 215;
--high-style-oklch: oklch(0.766 0.055 274.6);
}
.element {
color: var(--high-style);
background-color: hsl(229 37% 75%);
border-color: oklch(0.766 0.055 274.6);
}Tailwind CSS v4
@theme {
--color-high-style: #a8b1d7;
--color-high-style-50: #f1f4ff;
--color-high-style-100: #e3e7fb;
--color-high-style-200: #ced3ec;
--color-high-style-300: #afb5d4;
--color-high-style-400: #949cc0;
--color-high-style-500: #7b84ab;
--color-high-style-600: #687091;
--color-high-style-700: #535974;
--color-high-style-800: #3c4156;
--color-high-style-900: #292d3c;
--color-high-style-950: #171a26;
}SCSS
$high-style: #a8b1d7;
$high-style-rgb: 168, 177, 215;
$high-style-light: mix(#fff, $high-style, 20%);
$high-style-dark: mix(#000, $high-style, 20%);
.element {
color: $high-style;
box-shadow: 0 0 0 2px rgba($high-style, 0.35);
}