이름 색상 · #0055EE
Opulent Blue
Opulent Blue은(는) #0055EE: rgb(0 85 238), hsl(219 100% 47%), oklch(0.517 0.24 262). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Opulent Blue color name →
#0055EE
oklch(0.517 0.24 262)
색상 변환
- HEX
- #0055ee
- RGB
- rgb(0 85 238)
- HSL
- hsl(219 100% 47%)
- HWB
- hwb(219 0% 7%)
- OKLCH
- oklch(0.517 0.24 262)
- OKLab
- oklab(0.517 -0.033 -0.237)
- CIE Lab
- lab(40.73 28.69 -83.96)
- LCH
- lch(40.73 88.73 288.9)
- CMYK
- cmyk(100% 64% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- 256AF2
- 3F7DF5
- 578FF8
- 6FA0FB
- 87B0FD
- 9EC0FE
- B6D0FF
- CEE0FF
- E6F0FF
셰이드
- 0049CF
- 003DB1
- 003193
- 002677
- 001C5C
- 001142
- 00082A
- 000214
- 000003
톤
- 185DE4
- 2863D9
- 3569CF
- 416EC4
- 4C72BA
- 5776AF
- 6279A4
- 6C7C98
- 767E8C
색 조화
보색 +180°
- 0055EE
Opulent Blue
- 866100
≈ Rat Brown
유사색 -30° +30°
- 0055EE
Opulent Blue
- 00729A
≈ Tofino Belue
- 7335E2
≈ Bluish Purple
삼각 배색 +120° +240°
- 0055EE
Opulent Blue
- C3002B
≈ Pomodoro
- 0B7F00
≈ Hulk
분열 보색 +150° +210°
- 0055EE
Opulent Blue
- A14D00
≈ Burnt Bagel
- 6A6E00
≈ Brownish Green
사각 배색 +90° +180° +270°
- 0055EE
Opulent Blue
- B90075
≈ Eye Popping Cherry
- 866100
≈ Rat Brown
- 007A61
≈ Emerald Dream
대비 및 접근성
Ag
AA흰색 위
WCAG 5.94:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.53:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--opulent-blue: #0055ee;
--opulent-blue-rgb: 0 85 238;
--opulent-blue-oklch: oklch(0.517 0.24 262);
}
.element {
color: var(--opulent-blue);
background-color: hsl(219 100% 47%);
border-color: oklch(0.517 0.24 262);
}Tailwind CSS v4
@theme {
--color-opulent-blue: #0055ee;
--color-opulent-blue-50: #d2f5ff;
--color-opulent-blue-100: #bfe7ff;
--color-opulent-blue-200: #a0d2ff;
--color-opulent-blue-300: #77b1ff;
--color-opulent-blue-400: #4995ff;
--color-opulent-blue-500: #1a74ff;
--color-opulent-blue-600: #1963f3;
--color-opulent-blue-700: #144fc4;
--color-opulent-blue-800: #003a93;
--color-opulent-blue-900: #012868;
--color-opulent-blue-950: #001548;
}SCSS
$opulent-blue: #0055ee;
$opulent-blue-rgb: 0, 85, 238;
$opulent-blue-light: mix(#fff, $opulent-blue, 20%);
$opulent-blue-dark: mix(#000, $opulent-blue, 20%);
.element {
color: $opulent-blue;
box-shadow: 0 0 0 2px rgba($opulent-blue, 0.35);
}