이름 색상 · #552211
Peaty Brown
Peaty Brown은(는) #552211: rgb(85 34 17), hsl(15 67% 20%), oklch(0.323 0.081 38.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Peaty Brown color name →
#552211
oklch(0.323 0.081 38.6)
색상 변환
- HEX
- #552211
- RGB
- rgb(85 34 17)
- HSL
- hsl(15 67% 20%)
- HWB
- hwb(15 7% 67%)
- OKLCH
- oklch(0.323 0.081 38.6)
- OKLab
- oklab(0.323 0.063 0.05)
- CIE Lab
- lab(20.83 23.32 23.05)
- LCH
- lch(20.83 32.79 44.7)
- CMYK
- cmyk(0% 60% 80% 67%)
틴트 · 셰이드 · 톤
틴트
- 663627
- 774B3D
- 886053
- 997569
- AA8B81
- BBA199
- CCB8B2
- DDCFCB
- EEE7E5
셰이드
- 491C0D
- 3D1609
- 311106
- 260B04
- 1C0702
- 110301
- 080100
- 020000
- 000000
톤
- 5A2C1D
- 5F3528
- 643E32
- 68483D
- 6D5148
- 715A53
- 75645E
- 796D69
- 7D7675
색 조화
보색 +180°
- 552211
Peaty Brown
- 003A48
≈ Natural Indigo
유사색 -30° +30°
- 552211
Peaty Brown
- 551F2B
≈ Largest Black Slug
- 4B2C00
≈ Stirland Mud
삼각 배색 +120° +240°
- 552211
Peaty Brown
- 003F25
≈ Angel Green
- 2B2E5C
≈ Galaxea
분열 보색 +150° +210°
- 552211
Peaty Brown
- 003D39
≈ Rich Black
- 08355B
≈ Incremental Blue
사각 배색 +90° +180° +270°
- 552211
Peaty Brown
- 273B04
≈ Melancholia
- 003A48
≈ Natural Indigo
- 3F2653
≈ Galactic Wonder
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.93:1 · APCA Lc 99
Ag
Fail검은색 위
WCAG 1.62:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.93:1 (AAA) · APCA Lc 99
Contrast pairs
코드 스니펫
CSS
:root {
--peaty-brown: #552211;
--peaty-brown-rgb: 85 34 17;
--peaty-brown-oklch: oklch(0.323 0.081 38.6);
}
.element {
color: var(--peaty-brown);
background-color: hsl(15 67% 20%);
border-color: oklch(0.323 0.081 38.6);
}Tailwind CSS v4
@theme {
--color-peaty-brown: #552211;
--color-peaty-brown-50: #ffeee4;
--color-peaty-brown-100: #ffe0d4;
--color-peaty-brown-200: #f4c9ba;
--color-peaty-brown-300: #dcaa98;
--color-peaty-brown-400: #c98e7b;
--color-peaty-brown-500: #b4735e;
--color-peaty-brown-600: #986250;
--color-peaty-brown-700: #7a4e40;
--color-peaty-brown-800: #5b382e;
--color-peaty-brown-900: #40261f;
--color-peaty-brown-950: #28150f;
}SCSS
$peaty-brown: #552211;
$peaty-brown-rgb: 85, 34, 17;
$peaty-brown-light: mix(#fff, $peaty-brown, 20%);
$peaty-brown-dark: mix(#000, $peaty-brown, 20%);
.element {
color: $peaty-brown;
box-shadow: 0 0 0 2px rgba($peaty-brown, 0.35);
}