이름 색상 · #017CB8
Blue Bazaar
Blue Bazaar은(는) #017CB8: rgb(1 124 184), hsl(200 99% 36%), oklch(0.56 0.129 240.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Bazaar color name →
#017CB8
oklch(0.56 0.129 240.5)
색상 변환
- HEX
- #017cb8
- RGB
- rgb(1 124 184)
- HSL
- hsl(200 99% 36%)
- HWB
- hwb(200 0% 28%)
- OKLCH
- oklch(0.56 0.129 240.5)
- OKLab
- oklab(0.56 -0.064 -0.112)
- CIE Lab
- lab(48.71 -12.23 -40.38)
- LCH
- lch(48.71 42.19 253.1)
- CMYK
- cmyk(99% 33% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- 3289C0
- 4E96C7
- 66A3CF
- 7CB0D6
- 92BDDD
- A8CAE4
- BED8EB
- D3E5F2
- E9F2F8
셰이드
- 016BA0
- 015A88
- 004A71
- 003B5B
- 002C45
- 001E31
- 00111E
- 00050C
- 000102
톤
- 237DB3
- 347EAD
- 417FA8
- 4C7FA3
- 56809D
- 608097
- 688092
- 71808C
- 788086
색 조화
보색 +180°
- 017CB8
Blue Bazaar
- AA5F05
≈ Raw Umber
유사색 -30° +30°
- 017CB8
Blue Bazaar
- 008394
≈ Island Lush
- 586EC0
≈ Amparo Blue
삼각 배색 +120° +240°
- 017CB8
Blue Bazaar
- AF5070
≈ Pink Parakeet
- 6A7F0E
≈ Jungle Vibes
분열 보색 +150° +210°
- 017CB8
Blue Bazaar
- B35344
≈ Burnt Brick
- 8E7100
≈ Vermin Brown
사각 배색 +90° +180° +270°
- 017CB8
Blue Bazaar
- 9E5597
≈ Hyacinth Violet
- AA5F05
≈ Raw Umber
- 2C894A
≈ Turf Green
대비 및 접근성
Ag
AA흰색 위
WCAG 4.58:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.57:1 · APCA Lc 30
가장 좋은 글자색: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--blue-bazaar: #017cb8;
--blue-bazaar-rgb: 1 124 184;
--blue-bazaar-oklch: oklch(0.56 0.129 240.5);
}
.element {
color: var(--blue-bazaar);
background-color: hsl(200 99% 36%);
border-color: oklch(0.56 0.129 240.5);
}Tailwind CSS v4
@theme {
--color-blue-bazaar: #017cb8;
--color-blue-bazaar-50: #d6fbff;
--color-blue-bazaar-100: #c3eeff;
--color-blue-bazaar-200: #a4dcff;
--color-blue-bazaar-300: #7abff4;
--color-blue-bazaar-400: #4da7e3;
--color-blue-bazaar-500: #068fd2;
--color-blue-bazaar-600: #1079b2;
--color-blue-bazaar-700: #0e618f;
--color-blue-bazaar-800: #02476a;
--color-blue-bazaar-900: #03324a;
--color-blue-bazaar-950: #001d31;
}SCSS
$blue-bazaar: #017cb8;
$blue-bazaar-rgb: 1, 124, 184;
$blue-bazaar-light: mix(#fff, $blue-bazaar, 20%);
$blue-bazaar-dark: mix(#000, $blue-bazaar, 20%);
.element {
color: $blue-bazaar;
box-shadow: 0 0 0 2px rgba($blue-bazaar, 0.35);
}