이름 색상 · #4E5E7F
Bijou Blue
Bijou Blue은(는) #4E5E7F: rgb(78 94 127), hsl(220 24% 40%), oklch(0.482 0.057 264.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Bijou Blue color name →
#4E5E7F
oklch(0.482 0.057 264.3)
색상 변환
- HEX
- #4e5e7f
- RGB
- rgb(78 94 127)
- HSL
- hsl(220 24% 40%)
- HWB
- hwb(220 31% 50%)
- OKLCH
- oklch(0.482 0.057 264.3)
- OKLab
- oklab(0.482 -0.006 -0.057)
- CIE Lab
- lab(39.59 0.43 -20.75)
- LCH
- lch(39.59 20.75 271.2)
- CMYK
- cmyk(39% 26% 0% 50%)
틴트 · 셰이드 · 톤
틴트
- 5E6D8B
- 6E7C98
- 7F8CA4
- 919BB1
- A2ABBE
- B4BCCB
- C6CCD8
- D9DDE5
- ECEEF2
셰이드
- 43516E
- 38445D
- 2D374C
- 232B3C
- 191F2D
- 0F141F
- 070A11
- 020306
- 000001
톤
- 53617F
- 586580
- 5D6880
- 626C80
- 676F80
- 6C7380
- 717680
- 767980
- 7B7D80
색 조화
보색 +180°
- 4E5E7F
Bijou Blue
- 6D5C38
≈ Plum Green
유사색 -30° +30°
- 4E5E7F
Bijou Blue
- 3C647A
≈ Mallard Blue
- 60587C
≈ Taylor
삼각 배색 +120° +240°
- 4E5E7F
Bijou Blue
- 7C524E
≈ Cranberry Red
- 4A674A
≈ Backwoods
분열 보색 +150° +210°
- 4E5E7F
Bijou Blue
- 78563F
≈ Ancient Spice
- 5D623C
≈ Down-to-Earth
사각 배색 +90° +180° +270°
- 4E5E7F
Bijou Blue
- 785160
≈ Grey Carmine
- 6D5C38
≈ Plum Green
- 39695C
≈ Dignified
대비 및 접근성
Ag
AA흰색 위
WCAG 6.49:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.23:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.49:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--bijou-blue: #4e5e7f;
--bijou-blue-rgb: 78 94 127;
--bijou-blue-oklch: oklch(0.482 0.057 264.3);
}
.element {
color: var(--bijou-blue);
background-color: hsl(220 24% 40%);
border-color: oklch(0.482 0.057 264.3);
}Tailwind CSS v4
@theme {
--color-bijou-blue: #4e5e7f;
--color-bijou-blue-50: #eef5ff;
--color-bijou-blue-100: #dfe8fc;
--color-bijou-blue-200: #c9d4ee;
--color-bijou-blue-300: #aab7d6;
--color-bijou-blue-400: #8e9fc1;
--color-bijou-blue-500: #7386ad;
--color-bijou-blue-600: #627292;
--color-bijou-blue-700: #4e5b75;
--color-bijou-blue-800: #384356;
--color-bijou-blue-900: #262e3c;
--color-bijou-blue-950: #141b26;
}SCSS
$bijou-blue: #4e5e7f;
$bijou-blue-rgb: 78, 94, 127;
$bijou-blue-light: mix(#fff, $bijou-blue, 20%);
$bijou-blue-dark: mix(#000, $bijou-blue, 20%);
.element {
color: $bijou-blue;
box-shadow: 0 0 0 2px rgba($bijou-blue, 0.35);
}