가장 가까운 이름 색상 · #2D70AD
#2D70AD
가장 가까운 이름 색상: Campanula
#2D70AD(rgb(45 112 173), hsl(209 59% 43%), oklch(0.532 0.117 249.2))와 가장 가까운 이름 색상은 Campanula입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D70AD
oklch(0.532 0.117 249.2)
색상 변환
- HEX
- #2d70ad
- RGB
- rgb(45 112 173)
- HSL
- hsl(209 59% 43%)
- HWB
- hwb(209 18% 32%)
- OKLCH
- oklch(0.532 0.117 249.2)
- OKLab
- oklab(0.532 -0.042 -0.11)
- CIE Lab
- lab(45.27 -5.33 -39.38)
- LCH
- lch(45.27 39.74 262.3)
- CMYK
- cmyk(74% 35% 0% 32%)
틴트 · 셰이드 · 톤
틴트
- 447EB6
- 598CBE
- 6E9AC7
- 82A8CF
- 97B7D7
- ABC5E0
- C0D3E8
- D5E2F0
- EAF0F7
셰이드
- 266096
- 1F517F
- 18436A
- 113555
- 0B2741
- 061A2D
- 020E1B
- 01040B
- 000101
톤
- 3872A9
- 4274A5
- 4B76A0
- 53789C
- 5B7998
- 637B93
- 6B7C8F
- 727E8A
- 797F85
색 조화
보색 +180°
- 2D70AD
Campanula
- 975E00
≈ Raw Sienna
유사색 -30° +30°
- 2D70AD
Campanula
- 007992
≈ Bayou Serenade
- 5F63AF
≈ Bellflower
삼각 배색 +120° +240°
- 2D70AD
Campanula
- A44C5E
≈ Glazed Raspberry
- 577927
≈ Luscious Lemongrass
분열 보색 +150° +210°
- 2D70AD
Campanula
- A45135
≈ Truffle Trouble
- 7C6D00
≈ Sunlit Kelp Green
사각 배색 +90° +180° +270°
- 2D70AD
Campanula
- 984F82
≈ Verve Violet
- 975E00
≈ Raw Sienna
- 118053
≈ Irish Beauty
대비 및 접근성
Ag
AA흰색 위
WCAG 5.20:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.03:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.20:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--campanula: #2d70ad;
--campanula-rgb: 45 112 173;
--campanula-oklch: oklch(0.532 0.117 249.2);
}
.element {
color: var(--campanula);
background-color: hsl(209 59% 43%);
border-color: oklch(0.532 0.117 249.2);
}Tailwind CSS v4
@theme {
--color-campanula: #2d70ad;
--color-campanula-50: #ddf8ff;
--color-campanula-100: #ccebff;
--color-campanula-200: #b0d8ff;
--color-campanula-300: #8abcf2;
--color-campanula-400: #65a3e1;
--color-campanula-500: #408bd0;
--color-campanula-600: #3775b0;
--color-campanula-700: #2c5e8d;
--color-campanula-800: #1c4569;
--color-campanula-900: #12304a;
--color-campanula-950: #041c30;
}SCSS
$campanula: #2d70ad;
$campanula-rgb: 45, 112, 173;
$campanula-light: mix(#fff, $campanula, 20%);
$campanula-dark: mix(#000, $campanula, 20%);
.element {
color: $campanula;
box-shadow: 0 0 0 2px rgba($campanula, 0.35);
}