이름 색상 · #825943
Bricktone
Bricktone은(는) #825943: rgb(130 89 67), hsl(21 32% 39%), oklch(0.503 0.064 49). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Bricktone color name →
#825943
oklch(0.503 0.064 49)
색상 변환
- HEX
- #825943
- RGB
- rgb(130 89 67)
- HSL
- hsl(21 32% 39%)
- HWB
- hwb(21 26% 49%)
- OKLCH
- oklch(0.503 0.064 49)
- OKLab
- oklab(0.503 0.042 0.048)
- CIE Lab
- lab(41.95 15.39 19.88)
- LCH
- lch(41.95 25.14 52.3)
- CMYK
- cmyk(0% 32% 48% 49%)
틴트 · 셰이드 · 톤
틴트
- 8E6854
- 9B7866
- A78878
- B4988A
- C0A99D
- CDBAB0
- D9CBC3
- E6DCD7
- F2EDEB
셰이드
- 704C39
- 5F402F
- 4E3426
- 3E281D
- 2F1D14
- 20130C
- 120905
- 060301
- 010000
톤
- 825D49
- 82614F
- 826556
- 82695C
- 826D62
- 827168
- 82756E
- 817874
- 817C7A
색 조화
보색 +180°
- 825943
Bricktone
- 3A6B81
≈ Lake Stream
유사색 -30° +30°
- 825943
Bricktone
- 855555
≈ Flowering Chestnut
- 786038
≈ Twig Basket
삼각 배색 +120° +240°
- 825943
Bricktone
- 3C705E
≈ Foliage Green
- 635E86
≈ Purple Balloon
분열 보색 +150° +210°
- 825943
Bricktone
- 316F72
≈ Lakelike
- 4E6589
≈ Luxe Blue
사각 배색 +90° +180° +270°
- 825943
Bricktone
- 516D49
≈ Graceland Grass
- 3A6B81
≈ Lake Stream
- 74587B
≈ Dr Who
대비 및 접근성
Ag
AA흰색 위
WCAG 6.07:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.45:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.07:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--bricktone: #825943;
--bricktone-rgb: 130 89 67;
--bricktone-oklch: oklch(0.503 0.064 49);
}
.element {
color: var(--bricktone);
background-color: hsl(21 32% 39%);
border-color: oklch(0.503 0.064 49);
}Tailwind CSS v4
@theme {
--color-bricktone: #825943;
--color-bricktone-50: #fff0e5;
--color-bricktone-100: #fae2d5;
--color-bricktone-200: #eccdbc;
--color-bricktone-300: #d3af9a;
--color-bricktone-400: #be947d;
--color-bricktone-500: #a97a60;
--color-bricktone-600: #8f6752;
--color-bricktone-700: #735241;
--color-bricktone-800: #553c2f;
--color-bricktone-900: #3b2920;
--color-bricktone-950: #251710;
}SCSS
$bricktone: #825943;
$bricktone-rgb: 130, 89, 67;
$bricktone-light: mix(#fff, $bricktone, 20%);
$bricktone-dark: mix(#000, $bricktone, 20%);
.element {
color: $bricktone;
box-shadow: 0 0 0 2px rgba($bricktone, 0.35);
}