가장 가까운 이름 색상 · #B3C1F5
#B3C1F5
가장 가까운 이름 색상: Purple Illusion
#B3C1F5(rgb(179 193 245), hsl(227 77% 83%), oklch(0.818 0.075 272.9))와 가장 가까운 이름 색상은 Purple Illusion입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B3C1F5
oklch(0.818 0.075 272.9)
색상 변환
- HEX
- #b3c1f5
- RGB
- rgb(179 193 245)
- HSL
- hsl(227 77% 83%)
- HWB
- hwb(227 70% 4%)
- OKLCH
- oklch(0.818 0.075 272.9)
- OKLab
- oklab(0.818 0.004 -0.075)
- CIE Lab
- lab(78.34 3.59 -27.58)
- LCH
- lch(78.34 27.81 277.4)
- CMYK
- cmyk(27% 21% 0% 4%)
틴트 · 셰이드 · 톤
틴트
- BAC7F6
- C2CDF7
- C9D4F9
- D1DAFA
- D8E0FB
- E0E6FC
- E8ECFD
- EFF3FE
- F7F9FE
셰이드
- 9BA7D5
- 848FB6
- 6E7798
- 585F7B
- 43495F
- 2F3444
- 1D202B
- 0C0E15
- 010203
톤
- AEBAE9
- A9B4DD
- A3ADD1
- 9EA7C5
- 99A0B9
- 949AAE
- 8F93A2
- 8A8D97
- 85868B
색 조화
보색 +180°
- B3C1F5
Purple Illusion
- D4C38C
≈ Monument Green
유사색 -30° +30°
- B3C1F5
Purple Illusion
- 99CAF1
≈ Honolulu
- CDB8EC
≈ Connecticut Lilac
삼각 배색 +120° +240°
- B3C1F5
Purple Illusion
- F0B2A5
≈ First Date
- 9FD2AD
≈ Chinook
분열 보색 +150° +210°
- B3C1F5
Purple Illusion
- E7B991
≈ Fresh Praline
- BACC96
≈ White Grape
사각 배색 +90° +180° +270°
- B3C1F5
Purple Illusion
- EEB0BF
≈ Fallen Blossoms
- D4C38C
≈ Monument Green
- 8BD4C8
≈ Green Daze
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.77:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.86:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.86:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--purple-illusion: #b3c1f5;
--purple-illusion-rgb: 179 193 245;
--purple-illusion-oklch: oklch(0.818 0.075 272.9);
}
.element {
color: var(--purple-illusion);
background-color: hsl(227 77% 83%);
border-color: oklch(0.818 0.075 272.9);
}Tailwind CSS v4
@theme {
--color-purple-illusion: #b3c1f5;
--color-purple-illusion-50: #eef4ff;
--color-purple-illusion-100: #e0e7ff;
--color-purple-illusion-200: #cad2f5;
--color-purple-illusion-300: #acb5df;
--color-purple-illusion-400: #8f9ccb;
--color-purple-illusion-500: #7583b8;
--color-purple-illusion-600: #646f9c;
--color-purple-illusion-700: #4f597d;
--color-purple-illusion-800: #39415d;
--color-purple-illusion-900: #272d41;
--color-purple-illusion-950: #151a2a;
}SCSS
$purple-illusion: #b3c1f5;
$purple-illusion-rgb: 179, 193, 245;
$purple-illusion-light: mix(#fff, $purple-illusion, 20%);
$purple-illusion-dark: mix(#000, $purple-illusion, 20%);
.element {
color: $purple-illusion;
box-shadow: 0 0 0 2px rgba($purple-illusion, 0.35);
}