이름 색상 · #8A8EC9
Bailey Bells
Bailey Bells은(는) #8A8EC9: rgb(138 142 201), hsl(236 37% 66%), oklch(0.666 0.087 280.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Bailey Bells color name →
#8A8EC9
oklch(0.666 0.087 280.7)
색상 변환
- HEX
- #8a8ec9
- RGB
- rgb(138 142 201)
- HSL
- hsl(236 37% 66%)
- HWB
- hwb(236 54% 21%)
- OKLCH
- oklch(0.666 0.087 280.7)
- OKLab
- oklab(0.666 0.016 -0.086)
- CIE Lab
- lab(60.42 8.88 -31.28)
- LCH
- lch(60.42 32.51 285.9)
- CMYK
- cmyk(31% 29% 0% 21%)
틴트 · 셰이드 · 톤
틴트
- 9599CF
- A0A4D4
- ABAFDA
- B7BAE0
- C2C6E5
- CED1EA
- DADCF0
- E6E8F5
- F3F3FA
셰이드
- 777BAE
- 656895
- 53567C
- 424464
- 32344C
- 222436
- 141522
- 07070F
- 010102
톤
- 898DC2
- 888CBA
- 878AB3
- 8689AC
- 8588A5
- 84869D
- 838596
- 82838F
- 818287
색 조화
보색 +180°
- 8A8EC9
Bailey Bells
- A09654
≈ Backroom Ember
유사색 -30° +30°
- 8A8EC9
Bailey Bells
- 6B98C8
≈ Windstorm
- A585BC
≈ Lilac Purple
삼각 배색 +120° +240°
- 8A8EC9
Bailey Bells
- C2826A
≈ Earthworm
- 61A582
≈ Plumosa
분열 보색 +150° +210°
- 8A8EC9
Bailey Bells
- B68B56
≈ Breadstick
- 819F66
≈ Green Sky
사각 배색 +90° +180° +270°
- 8A8EC9
Bailey Bells
- C37D87
≈ Enamoured
- A09654
≈ Backroom Ember
- 49A5A1
≈ Twilight Meadow
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.09:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.79:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--bailey-bells: #8a8ec9;
--bailey-bells-rgb: 138 142 201;
--bailey-bells-oklch: oklch(0.666 0.087 280.7);
}
.element {
color: var(--bailey-bells);
background-color: hsl(236 37% 66%);
border-color: oklch(0.666 0.087 280.7);
}Tailwind CSS v4
@theme {
--color-bailey-bells: #8a8ec9;
--color-bailey-bells-50: #f1f3ff;
--color-bailey-bells-100: #e3e5ff;
--color-bailey-bells-200: #ced0f9;
--color-bailey-bells-300: #b0b2e4;
--color-bailey-bells-400: #9599d1;
--color-bailey-bells-500: #7c7fbf;
--color-bailey-bells-600: #696ca1;
--color-bailey-bells-700: #545681;
--color-bailey-bells-800: #3c3f60;
--color-bailey-bells-900: #292b44;
--color-bailey-bells-950: #17192c;
}SCSS
$bailey-bells: #8a8ec9;
$bailey-bells-rgb: 138, 142, 201;
$bailey-bells-light: mix(#fff, $bailey-bells, 20%);
$bailey-bells-dark: mix(#000, $bailey-bells, 20%);
.element {
color: $bailey-bells;
box-shadow: 0 0 0 2px rgba($bailey-bells, 0.35);
}