이름 색상 · #2B3E52
Snap-Shot
Snap-Shot은(는) #2B3E52: rgb(43 62 82), hsl(211 31% 25%), oklch(0.357 0.043 250.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Snap-Shot color name →
#2B3E52
oklch(0.357 0.043 250.3)
색상 변환
- HEX
- #2b3e52
- RGB
- rgb(43 62 82)
- HSL
- hsl(211 31% 25%)
- HWB
- hwb(211 17% 68%)
- OKLCH
- oklch(0.357 0.043 250.3)
- OKLab
- oklab(0.357 -0.014 -0.04)
- CIE Lab
- lab(25.27 -3.14 -14.7)
- LCH
- lch(25.27 15.03 258)
- CMYK
- cmyk(48% 24% 0% 68%)
틴트 · 셰이드 · 톤
틴트
- 3E4F62
- 516172
- 657383
- 798694
- 8E99A5
- A4ADB6
- BAC1C8
- D1D5DA
- E8EAEC
셰이드
- 243546
- 1D2B3B
- 16232F
- 101A25
- 0A121A
- 050A11
- 020408
- 010102
- 000000
톤
- 334457
- 3B4B5B
- 445160
- 4C5864
- 545E69
- 5D656E
- 666C72
- 6E7277
- 77797B
색 조화
보색 +180°
- 2B3E52
Snap-Shot
- 4B3823
≈ Café Noir
유사색 -30° +30°
- 2B3E52
Snap-Shot
- 20424C
≈ Winter Waves
- 383A52
≈ Carbon Blue
삼각 배색 +120° +240°
- 2B3E52
Snap-Shot
- 503337
≈ Nectar of the Gods
- 354129
≈ Deep Seaweed
분열 보색 +150° +210°
- 2B3E52
Snap-Shot
- 50352B
≈ Bramble Bush
- 413D22
≈ Scorched Metal
사각 배색 +90° +180° +270°
- 2B3E52
Snap-Shot
- 4C3343
≈ Loulou
- 4B3823
≈ Café Noir
- 274335
≈ Everglade
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.97:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.91:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 10.97:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--snap-shot: #2b3e52;
--snap-shot-rgb: 43 62 82;
--snap-shot-oklch: oklch(0.357 0.043 250.3);
}
.element {
color: var(--snap-shot);
background-color: hsl(211 31% 25%);
border-color: oklch(0.357 0.043 250.3);
}Tailwind CSS v4
@theme {
--color-snap-shot: #2b3e52;
--color-snap-shot-50: #edf6ff;
--color-snap-shot-100: #dee9f6;
--color-snap-shot-200: #c8d6e6;
--color-snap-shot-300: #a8b9cd;
--color-snap-shot-400: #8ca1b7;
--color-snap-shot-500: #7189a2;
--color-snap-shot-600: #607489;
--color-snap-shot-700: #4d5d6e;
--color-snap-shot-800: #374451;
--color-snap-shot-900: #262f38;
--color-snap-shot-950: #141b23;
}SCSS
$snap-shot: #2b3e52;
$snap-shot-rgb: 43, 62, 82;
$snap-shot-light: mix(#fff, $snap-shot, 20%);
$snap-shot-dark: mix(#000, $snap-shot, 20%);
.element {
color: $snap-shot;
box-shadow: 0 0 0 2px rgba($snap-shot, 0.35);
}