이름 색상 · #7D6049
Aviator
Aviator은(는) #7D6049: rgb(125 96 73), hsl(27 26% 39%), oklch(0.512 0.051 59.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Aviator color name →
#7D6049
oklch(0.512 0.051 59.7)
색상 변환
- HEX
- #7d6049
- RGB
- rgb(125 96 73)
- HSL
- hsl(27 26% 39%)
- HWB
- hwb(27 29% 51%)
- OKLCH
- oklch(0.512 0.051 59.7)
- OKLab
- oklab(0.512 0.026 0.044)
- CIE Lab
- lab(43.29 9.72 17.92)
- LCH
- lch(43.29 20.39 61.5)
- CMYK
- cmyk(0% 23% 42% 51%)
틴트 · 셰이드 · 톤
틴트
- 8A6F5A
- 967E6B
- A38D7C
- B09D8E
- BDACA0
- CABDB3
- D7CDC5
- E4DDD8
- F2EEEB
셰이드
- 6C523E
- 5B4534
- 4B382A
- 3B2C20
- 2C2017
- 1E150E
- 110A06
- 050302
- 010000
톤
- 7D634F
- 7E6654
- 7E6A5A
- 7F6D5F
- 7F7065
- 7F736A
- 807670
- 807A75
- 807D7B
색 조화
보색 +180°
- 7D6049
Aviator
- 4B6B81
≈ Eames for Blue
유사색 -30° +30°
- 7D6049
Aviator
- 825C56
≈ Book Binder
- 726644
≈ Mount Olive
삼각 배색 +120° +240°
- 7D6049
Aviator
- 457168
≈ Christmas Ivy
- 6B6080
≈ Purple Gumball
분열 보색 +150° +210°
- 7D6049
Aviator
- 426F77
≈ Holy Water
- 5B6685
≈ Enduring
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.76:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.64:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.76:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--aviator: #7d6049;
--aviator-rgb: 125 96 73;
--aviator-oklch: oklch(0.512 0.051 59.7);
}
.element {
color: var(--aviator);
background-color: hsl(27 26% 39%);
border-color: oklch(0.512 0.051 59.7);
}Tailwind CSS v4
@theme {
--color-aviator: #7d6049;
--color-aviator-50: #fff2e7;
--color-aviator-100: #f5e5d7;
--color-aviator-200: #e5d0bf;
--color-aviator-300: #cbb29d;
--color-aviator-400: #b69881;
--color-aviator-500: #a07e64;
--color-aviator-600: #876b55;
--color-aviator-700: #6c5644;
--color-aviator-800: #503e31;
--color-aviator-900: #382b21;
--color-aviator-950: #221811;
}SCSS
$aviator: #7d6049;
$aviator-rgb: 125, 96, 73;
$aviator-light: mix(#fff, $aviator, 20%);
$aviator-dark: mix(#000, $aviator, 20%);
.element {
color: $aviator;
box-shadow: 0 0 0 2px rgba($aviator, 0.35);
}