가장 가까운 이름 색상 · #3E84EB
#3E84EB
가장 가까운 이름 색상: Blue Jay
#3E84EB(rgb(62 132 235), hsl(216 81% 58%), oklch(0.621 0.171 258.2))와 가장 가까운 이름 색상은 Blue Jay입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#3E84EB
oklch(0.621 0.171 258.2)
색상 변환
- HEX
- #3e84eb
- RGB
- rgb(62 132 235)
- HSL
- hsl(216 81% 58%)
- HWB
- hwb(216 24% 8%)
- OKLCH
- oklch(0.621 0.171 258.2)
- OKLab
- oklab(0.621 -0.035 -0.167)
- CIE Lab
- lab(54.71 4.73 -59.55)
- LCH
- lch(54.71 59.74 274.5)
- CMYK
- cmyk(74% 44% 0% 8%)
틴트 · 셰이드 · 톤
틴트
- 5391EE
- 669EF1
- 79AAF4
- 8CB7F6
- 9FC3F9
- B2CFFA
- C5DBFC
- D8E7FD
- ECF3FE
셰이드
- 3572CC
- 2B60AE
- 234F91
- 1A3F75
- 122F5B
- 0A2041
- 041229
- 010613
- 000103
톤
- 4785E1
- 4F85D6
- 5685CC
- 5D85C1
- 6385B6
- 6984AC
- 6F83A1
- 758296
- 7B818B
색 조화
보색 +180°
- 3E84EB
Blue Jay
- B07B00
≈ Golden Brown
유사색 -30° +30°
- 3E84EB
Blue Jay
- 0093C0
≈ Surf Rider
- 8470E6
≈ Hera Blue
삼각 배색 +120° +240°
- 3E84EB
Blue Jay
- DA515E
≈ Cranberry Splash
- 4B9D28
≈ Beer Garden
분열 보색 +150° +210°
- 3E84EB
Blue Jay
- D45F00
≈ Exuberance
- 8F8C00
≈ Old Asparagus
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.68:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.70:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.70:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--blue-jay: #3e84eb;
--blue-jay-rgb: 62 132 235;
--blue-jay-oklch: oklch(0.621 0.171 258.2);
}
.element {
color: var(--blue-jay);
background-color: hsl(216 81% 58%);
border-color: oklch(0.621 0.171 258.2);
}Tailwind CSS v4
@theme {
--color-blue-jay: #3e84eb;
--color-blue-jay-50: #d9f7ff;
--color-blue-jay-100: #c7e9ff;
--color-blue-jay-200: #aad5ff;
--color-blue-jay-300: #83b7ff;
--color-blue-jay-400: #5b9eff;
--color-blue-jay-500: #3382f4;
--color-blue-jay-600: #2d6fce;
--color-blue-jay-700: #2458a6;
--color-blue-jay-800: #13417c;
--color-blue-jay-900: #0c2d57;
--color-blue-jay-950: #01193b;
}SCSS
$blue-jay: #3e84eb;
$blue-jay-rgb: 62, 132, 235;
$blue-jay-light: mix(#fff, $blue-jay, 20%);
$blue-jay-dark: mix(#000, $blue-jay, 20%);
.element {
color: $blue-jay;
box-shadow: 0 0 0 2px rgba($blue-jay, 0.35);
}