이름 색상 · #2B2F43
Blue Exult
Blue Exult은(는) #2B2F43: rgb(43 47 67), hsl(230 22% 22%), oklch(0.31 0.036 275.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Blue Exult color name →
#2B2F43
oklch(0.31 0.036 275.3)
색상 변환
- HEX
- #2b2f43
- RGB
- rgb(43 47 67)
- HSL
- hsl(230 22% 22%)
- HWB
- hwb(230 17% 74%)
- OKLCH
- oklch(0.31 0.036 275.3)
- OKLab
- oklab(0.31 0.003 -0.036)
- CIE Lab
- lab(19.7 2.51 -13.25)
- LCH
- lch(19.7 13.49 280.7)
- CMYK
- cmyk(36% 30% 0% 74%)
틴트 · 셰이드 · 톤
틴트
- 3D4154
- 505465
- 646777
- 787B8A
- 8D909C
- A3A5AF
- B9BBC3
- D0D1D6
- E7E8EB
셰이드
- 242739
- 1D202F
- 161926
- 10121D
- 0A0C14
- 05060C
- 020305
- 010101
- 000000
톤
- 333749
- 3B3E4F
- 434655
- 4B4E5B
- 545661
- 5C5E67
- 65676D
- 6E6F74
- 77777A
색 조화
보색 +180°
- 2B2F43
Blue Exult
- 36301A
≈ Agrax Earthshade
유사색 -30° +30°
- 2B2F43
Blue Exult
- 213242
≈ Blue Whale
- 352C3F
≈ Obsidian Red
삼각 배색 +120° +240°
- 2B2F43
Blue Exult
- 412A24
≈ English Walnut
- 213628
≈ Black Leather Jacket
분열 보색 +150° +210°
- 2B2F43
Blue Exult
- 3D2D1C
≈ Bistre
- 2C341F
≈ Rangitoto
사각 배색 +90° +180° +270°
- 2B2F43
Blue Exult
- 40292E
≈ Wenge Black
- 36301A
≈ Agrax Earthshade
- 193633
≈ Fait Accompli
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.20:1 · APCA Lc 100
Ag
Fail검은색 위
WCAG 1.59:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.20:1 (AAA) · APCA Lc 100
Contrast pairs
코드 스니펫
CSS
:root {
--blue-exult: #2b2f43;
--blue-exult-rgb: 43 47 67;
--blue-exult-oklch: oklch(0.31 0.036 275.3);
}
.element {
color: var(--blue-exult);
background-color: hsl(230 22% 22%);
border-color: oklch(0.31 0.036 275.3);
}Tailwind CSS v4
@theme {
--color-blue-exult: #2b2f43;
--color-blue-exult-50: #f2f4ff;
--color-blue-exult-100: #e4e7f4;
--color-blue-exult-200: #d0d3e4;
--color-blue-exult-300: #b2b6ca;
--color-blue-exult-400: #989db4;
--color-blue-exult-500: #7f859f;
--color-blue-exult-600: #6b7086;
--color-blue-exult-700: #565a6c;
--color-blue-exult-800: #3e424f;
--color-blue-exult-900: #2b2d37;
--color-blue-exult-950: #181a22;
}SCSS
$blue-exult: #2b2f43;
$blue-exult-rgb: 43, 47, 67;
$blue-exult-light: mix(#fff, $blue-exult, 20%);
$blue-exult-dark: mix(#000, $blue-exult, 20%);
.element {
color: $blue-exult;
box-shadow: 0 0 0 2px rgba($blue-exult, 0.35);
}