이름 색상 · #79512C
Brown-Noser
Brown-Noser은(는) #79512C: rgb(121 81 44), hsl(29 47% 32%), oklch(0.471 0.075 62.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Brown-Noser color name →
#79512C
oklch(0.471 0.075 62.1)
색상 변환
- HEX
- #79512c
- RGB
- rgb(121 81 44)
- HSL
- hsl(29 47% 32%)
- HWB
- hwb(29 17% 53%)
- OKLCH
- oklch(0.471 0.075 62.1)
- OKLab
- oklab(0.471 0.035 0.066)
- CIE Lab
- lab(38.39 14.28 28.53)
- LCH
- lch(38.39 31.91 63.4)
- CMYK
- cmyk(0% 33% 64% 53%)
틴트 · 셰이드 · 톤
틴트
- 866140
- 937254
- A18269
- AE937D
- BBA592
- C9B6A7
- D6C8BC
- E4DAD2
- F1ECE8
셰이드
- 684525
- 583A1E
- 482F17
- 392411
- 2B1A0A
- 1D1005
- 100702
- 050201
- 010000
톤
- 7A5635
- 7B5B3E
- 7C5F47
- 7D644F
- 7E6957
- 7E6E60
- 7F7268
- 7F7770
- 807B78
색 조화
보색 +180°
- 79512C
Brown-Noser
- 316081
≈ Carbide
유사색 -30° +30°
- 79512C
Brown-Noser
- 804B40
≈ Red Chipotle
- 6A5A24
≈ Bean Green
삼각 배색 +120° +240°
- 79512C
Brown-Noser
- 1B695E
≈ Evergreen Forest
- 63517E
≈ Berry Syrup
분열 보색 +150° +210°
- 79512C
Brown-Noser
- 176673
≈ Bold Bolection
- 4C5885
≈ Yacht Club Blue
사각 배색 +90° +180° +270°
- 79512C
Brown-Noser
- 386746
≈ Forest Serenade
- 316081
≈ Carbide
- 744B6E
≈ Old Fashioned Purple
대비 및 접근성
Ag
AA흰색 위
WCAG 6.93:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 3.02:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--brown-noser: #79512c;
--brown-noser-rgb: 121 81 44;
--brown-noser-oklch: oklch(0.471 0.075 62.1);
}
.element {
color: var(--brown-noser);
background-color: hsl(29 47% 32%);
border-color: oklch(0.471 0.075 62.1);
}Tailwind CSS v4
@theme {
--color-brown-noser: #79512c;
--color-brown-noser-50: #fff1e0;
--color-brown-noser-100: #fae3cf;
--color-brown-noser-200: #ecceb4;
--color-brown-noser-300: #d3b090;
--color-brown-noser-400: #bf9571;
--color-brown-noser-500: #aa7b51;
--color-brown-noser-600: #906845;
--color-brown-noser-700: #735337;
--color-brown-noser-800: #563c27;
--color-brown-noser-900: #3c291a;
--color-brown-noser-950: #25170b;
}SCSS
$brown-noser: #79512c;
$brown-noser-rgb: 121, 81, 44;
$brown-noser-light: mix(#fff, $brown-noser, 20%);
$brown-noser-dark: mix(#000, $brown-noser, 20%);
.element {
color: $brown-noser;
box-shadow: 0 0 0 2px rgba($brown-noser, 0.35);
}