이름 색상 · #0E4D72
Sail Maker
Sail Maker은(는) #0E4D72: rgb(14 77 114), hsl(202 78% 25%), oklch(0.402 0.086 240.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Sail Maker color name →
#0E4D72
oklch(0.402 0.086 240.9)
색상 변환
- HEX
- #0e4d72
- RGB
- rgb(14 77 114)
- HSL
- hsl(202 78% 25%)
- HWB
- hwb(202 5% 55%)
- OKLCH
- oklch(0.402 0.086 240.9)
- OKLab
- oklab(0.402 -0.042 -0.075)
- CIE Lab
- lab(30.49 -8.43 -27.15)
- LCH
- lch(30.49 28.42 252.8)
- CMYK
- cmyk(88% 32% 0% 55%)
틴트 · 셰이드 · 톤
틴트
- 2B5E80
- 436F8E
- 5A809B
- 7091A9
- 87A3B7
- 9FB5C6
- B6C7D4
- CED9E2
- E6ECF1
셰이드
- 0B4262
- 073753
- 052C44
- 032236
- 021828
- 010F1B
- 00070E
- 000204
- 000001
톤
- 1F5274
- 2C5876
- 385D77
- 436279
- 4D677A
- 586C7B
- 62717D
- 6C767E
- 767B7F
색 조화
보색 +180°
- 0E4D72
Sail Maker
- 693C0C
≈ Bestial Brown
유사색 -30° +30°
- 0E4D72
Sail Maker
- 00525D
≈ Sandalwood Grey Blue
- 374477
≈ Little Blue Heron
삼각 배색 +120° +240°
- 0E4D72
Sail Maker
- 6D3245
≈ Cabernet Craving
- 424F10
≈ No Emissions Green
분열 보색 +150° +210°
- 0E4D72
Sail Maker
- 6F342A
≈ Pueblo
- 594600
≈ Sugarloaf Brown
사각 배색 +90° +180° +270°
- 0E4D72
Sail Maker
- 62355E
≈ Opulent Purple
- 693C0C
≈ Bestial Brown
- 1D552F
≈ Moor-Monster
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.03:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.32:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--sail-maker: #0e4d72;
--sail-maker-rgb: 14 77 114;
--sail-maker-oklch: oklch(0.402 0.086 240.9);
}
.element {
color: var(--sail-maker);
background-color: hsl(202 78% 25%);
border-color: oklch(0.402 0.086 240.9);
}Tailwind CSS v4
@theme {
--color-sail-maker: #0e4d72;
--color-sail-maker-50: #e1f9ff;
--color-sail-maker-100: #d0ecff;
--color-sail-maker-200: #b5d9f7;
--color-sail-maker-300: #91bde1;
--color-sail-maker-400: #6fa5cd;
--color-sail-maker-500: #4d8dba;
--color-sail-maker-600: #42789d;
--color-sail-maker-700: #34607e;
--color-sail-maker-800: #23465d;
--color-sail-maker-900: #183141;
--color-sail-maker-950: #081d2a;
}SCSS
$sail-maker: #0e4d72;
$sail-maker-rgb: 14, 77, 114;
$sail-maker-light: mix(#fff, $sail-maker, 20%);
$sail-maker-dark: mix(#000, $sail-maker, 20%);
.element {
color: $sail-maker;
box-shadow: 0 0 0 2px rgba($sail-maker, 0.35);
}