가장 가까운 이름 색상 · #1D4ED8
#1D4ED8
가장 가까운 이름 색상: Flying Fish Blue
#1D4ED8(rgb(29 78 216), hsl(224 76% 48%), oklch(0.488 0.217 264.4))와 가장 가까운 이름 색상은 Flying Fish Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#1D4ED8
oklch(0.488 0.217 264.4)
색상 변환
- HEX
- #1d4ed8
- RGB
- rgb(29 78 216)
- HSL
- hsl(224 76% 48%)
- HWB
- hwb(224 11% 15%)
- OKLCH
- oklch(0.488 0.217 264.4)
- OKLab
- oklab(0.488 -0.021 -0.216)
- CIE Lab
- lab(37.66 27.02 -76.5)
- LCH
- lch(37.66 81.13 289.5)
- CMYK
- cmyk(87% 64% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- 3263DE
- 4876E3
- 5D88E8
- 739AED
- 8AABF1
- A0BCF5
- B7CDF8
- CFDEFB
- E7EEFD
셰이드
- 1843BC
- 1338A0
- 0E2D85
- 09236B
- 051953
- 030F3B
- 010725
- 000211
- 000002
톤
- 2756D0
- 325DC8
- 3C63C0
- 4669B8
- 506EAF
- 5972A6
- 63769D
- 6D7A94
- 767D8A
색 조화
보색 +180°
- 1D4ED8
Flying Fish Blue
- 7A5A00
≈ Blackfire Earth
유사색 -30° +30°
- 1D4ED8
Flying Fish Blue
- 006891
≈ Sea Blue
- 6D33CB
≈ Sagat Purple
삼각 배색 +120° +240°
- 1D4ED8
Flying Fish Blue
- B5001E
≈ Cadmium Purple
- 007518
≈ Spreadsheet Green
분열 보색 +150° +210°
- 1D4ED8
Flying Fish Blue
- 934900
≈ Brownie
- 5F6600
≈ Mud Green
사각 배색 +90° +180° +270°
- 1D4ED8
Flying Fish Blue
- AD0067
≈ Velvet Cupcake
- 7A5A00
≈ Blackfire Earth
- 00715C
≈ Falcon Turquoise
대비 및 접근성
Ag
AA흰색 위
WCAG 6.70:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.13:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.70:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--flying-fish-blue: #1d4ed8;
--flying-fish-blue-rgb: 29 78 216;
--flying-fish-blue-oklch: oklch(0.488 0.217 264.4);
}
.element {
color: var(--flying-fish-blue);
background-color: hsl(224 76% 48%);
border-color: oklch(0.488 0.217 264.4);
}Tailwind CSS v4
@theme {
--color-flying-fish-blue: #1d4ed8;
--color-flying-fish-blue-50: #d8f4ff;
--color-flying-fish-blue-100: #c6e7ff;
--color-flying-fish-blue-200: #a9d1ff;
--color-flying-fish-blue-300: #84b1ff;
--color-flying-fish-blue-400: #5c95ff;
--color-flying-fish-blue-500: #3976ff;
--color-flying-fish-blue-600: #3165e8;
--color-flying-fish-blue-700: #2751ba;
--color-flying-fish-blue-800: #143b8c;
--color-flying-fish-blue-900: #0d2963;
--color-flying-fish-blue-950: #021644;
}SCSS
$flying-fish-blue: #1d4ed8;
$flying-fish-blue-rgb: 29, 78, 216;
$flying-fish-blue-light: mix(#fff, $flying-fish-blue, 20%);
$flying-fish-blue-dark: mix(#000, $flying-fish-blue, 20%);
.element {
color: $flying-fish-blue;
box-shadow: 0 0 0 2px rgba($flying-fish-blue, 0.35);
}