이름 색상 · #072688
Naval Adventures
Naval Adventures은(는) #072688: rgb(7 38 136), hsl(226 90% 28%), oklch(0.33 0.165 264.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Naval Adventures color name →
#072688
oklch(0.33 0.165 264.4)
색상 변환
- HEX
- #072688
- RGB
- rgb(7 38 136)
- HSL
- hsl(226 90% 28%)
- HWB
- hwb(226 3% 47%)
- OKLCH
- oklch(0.33 0.165 264.4)
- OKLab
- oklab(0.33 -0.016 -0.164)
- CIE Lab
- lab(19.76 24.02 -58.24)
- LCH
- lch(19.76 63 292.4)
- CMYK
- cmyk(95% 72% 0% 47%)
틴트 · 셰이드 · 톤
틴트
- 1C3E95
- 3354A2
- 4A69AF
- 627EBB
- 7A93C7
- 94A8D3
- AEBEDE
- C8D3E9
- E3E9F4
셰이드
- 052075
- 041963
- 021352
- 020D41
- 010831
- 000422
- 000213
- 000106
- 000001
톤
- 123288
- 1E3D89
- 2A4689
- 365088
- 425888
- 4E6087
- 5A6986
- 677184
- 737882
색 조화
보색 +180°
- 072688
Naval Adventures
- 453200
≈ Night in the Woods
유사색 -30° +30°
- 072688
Naval Adventures
- 003A53
≈ Gibraltar Sea
- 3F107F
≈ Pixie Powder
삼각 배색 +120° +240°
- 072688
Naval Adventures
- 6A000D
≈ Blood God
- 004209
≈ Hunter Green
분열 보색 +150° +210°
- 072688
Naval Adventures
- 552700
≈ Conker Brown
- 353900
≈ Dark Olive
사각 배색 +90° +180° +270°
- 072688
Naval Adventures
- 64003A
≈ Tyrian Purple
- 453200
≈ Night in the Woods
- 004033
≈ UP Forest Green
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.79:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.64:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.79:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--naval-adventures: #072688;
--naval-adventures-rgb: 7 38 136;
--naval-adventures-oklch: oklch(0.33 0.165 264.4);
}
.element {
color: var(--naval-adventures);
background-color: hsl(226 90% 28%);
border-color: oklch(0.33 0.165 264.4);
}Tailwind CSS v4
@theme {
--color-naval-adventures: #072688;
--color-naval-adventures-50: #dff5ff;
--color-naval-adventures-100: #cee7ff;
--color-naval-adventures-200: #b4d3ff;
--color-naval-adventures-300: #90b4ff;
--color-naval-adventures-400: #6d9aff;
--color-naval-adventures-500: #4d7ef2;
--color-naval-adventures-600: #426bcc;
--color-naval-adventures-700: #3456a4;
--color-naval-adventures-800: #213f7b;
--color-naval-adventures-900: #162c57;
--color-naval-adventures-950: #08183b;
}SCSS
$naval-adventures: #072688;
$naval-adventures-rgb: 7, 38, 136;
$naval-adventures-light: mix(#fff, $naval-adventures, 20%);
$naval-adventures-dark: mix(#000, $naval-adventures, 20%);
.element {
color: $naval-adventures;
box-shadow: 0 0 0 2px rgba($naval-adventures, 0.35);
}