가장 가까운 이름 색상 · #2D6698
#2D6698
가장 가까운 이름 색상: Starry Night
#2D6698(rgb(45 102 152), hsl(208 54% 39%), oklch(0.496 0.1 247.9))와 가장 가까운 이름 색상은 Starry Night입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#2D6698
oklch(0.496 0.1 247.9)
색상 변환
- HEX
- #2d6698
- RGB
- rgb(45 102 152)
- HSL
- hsl(208 54% 39%)
- HWB
- hwb(208 18% 40%)
- OKLCH
- oklch(0.496 0.1 247.9)
- OKLab
- oklab(0.496 -0.038 -0.093)
- CIE Lab
- lab(41.24 -6.03 -33.37)
- LCH
- lch(41.24 33.91 259.8)
- CMYK
- cmyk(70% 33% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 4375A3
- 5884AD
- 6C93B7
- 80A2C2
- 95B1CC
- AAC0D6
- BFD0E1
- D4DFEB
- E9EFF5
셰이드
- 265884
- 1F4A70
- 183C5C
- 112F4A
- 0B2338
- 061727
- 020C17
- 010408
- 000001
톤
- 376996
- 416C94
- 496F92
- 527190
- 5A748D
- 62778B
- 697988
- 717B86
- 797E83
색 조화
보색 +180°
- 2D6698
Starry Night
- 875615
≈ Caffeinated Cinnamon
유사색 -30° +30°
- 2D6698
Starry Night
- 006E84
≈ Amalfi
- 555B9A
≈ Royal Marquis
삼각 배색 +120° +240°
- 2D6698
Starry Night
- 914857
≈ Dull Magenta
- 526D29
≈ Botanical
분열 보색 +150° +210°
- 2D6698
Starry Night
- 924C36
≈ Arabian Spice
- 726207
≈ Spicy Mustard
사각 배색 +90° +180° +270°
- 2D6698
Starry Night
- 864A76
≈ Graphic Grape
- 875615
≈ Caffeinated Cinnamon
- 22734C
≈ Felt
대비 및 접근성
Ag
AA흰색 위
WCAG 6.05:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.46:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.05:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--starry-night: #2d6698;
--starry-night-rgb: 45 102 152;
--starry-night-oklch: oklch(0.496 0.1 247.9);
}
.element {
color: var(--starry-night);
background-color: hsl(208 54% 39%);
border-color: oklch(0.496 0.1 247.9);
}Tailwind CSS v4
@theme {
--color-starry-night: #2d6698;
--color-starry-night-50: #e0f8ff;
--color-starry-night-100: #cfebff;
--color-starry-night-200: #b4d8fe;
--color-starry-night-300: #90bce9;
--color-starry-night-400: #6da4d7;
--color-starry-night-500: #4b8bc5;
--color-starry-night-600: #4176a6;
--color-starry-night-700: #335e85;
--color-starry-night-800: #224563;
--color-starry-night-900: #173045;
--color-starry-night-950: #081c2d;
}SCSS
$starry-night: #2d6698;
$starry-night-rgb: 45, 102, 152;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}