이름 색상 · #935529
Sugar Almond
Sugar Almond은(는) #935529: rgb(147 85 41), hsl(25 56% 37%), oklch(0.513 0.101 53.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Sugar Almond color name →
#935529
oklch(0.513 0.101 53.6)
색상 변환
- HEX
- #935529
- RGB
- rgb(147 85 41)
- HSL
- hsl(25 56% 37%)
- HWB
- hwb(25 16% 42%)
- OKLCH
- oklch(0.513 0.101 53.6)
- OKLab
- oklab(0.513 0.06 0.081)
- CIE Lab
- lab(42.97 23.62 36.38)
- LCH
- lch(42.97 43.37 57)
- CMYK
- cmyk(0% 42% 72% 42%)
틴트 · 셰이드 · 톤
틴트
- 9E653F
- AA7654
- B58669
- C0977E
- CAA893
- D5B9A8
- E0CABD
- EADCD3
- F5EDE9
셰이드
- 7F4922
- 6C3D1C
- 593115
- 47260F
- 361C09
- 251105
- 160802
- 080201
- 010000
톤
- 925A34
- 905E3D
- 8F6347
- 8D674F
- 8B6C58
- 8A7060
- 877468
- 857870
- 837C78
색 조화
보색 +180°
- 935529
Sugar Almond
- 137097
≈ Tofino Belue
유사색 -30° +30°
- 935529
Sugar Almond
- 984D4A
≈ Rembrandt Ruby
- 82610D
≈ Ground Earth
삼각 배색 +120° +240°
- 935529
Sugar Almond
- 007962
≈ Ultramarine Green
- 6A5B9B
≈ Giant Onion
분열 보색 +150° +210°
- 935529
Sugar Almond
- 00757E
≈ Night Scape
- 4865A1
≈ Starstruck
사각 배색 +90° +180° +270°
- 935529
Sugar Almond
- 40763F
≈ Cucumber Queen
- 137097
≈ Tofino Belue
- 835288
≈ Purple Mystery
대비 및 접근성
Ag
AA흰색 위
WCAG 5.87:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.57:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.87:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--sugar-almond: #935529;
--sugar-almond-rgb: 147 85 41;
--sugar-almond-oklch: oklch(0.513 0.101 53.6);
}
.element {
color: var(--sugar-almond);
background-color: hsl(25 56% 37%);
border-color: oklch(0.513 0.101 53.6);
}Tailwind CSS v4
@theme {
--color-sugar-almond: #935529;
--color-sugar-almond-50: #ffeeda;
--color-sugar-almond-100: #ffe0c8;
--color-sugar-almond-200: #f7caab;
--color-sugar-almond-300: #e0aa85;
--color-sugar-almond-400: #cd8e64;
--color-sugar-almond-500: #ba7241;
--color-sugar-almond-600: #9d6138;
--color-sugar-almond-700: #7e4d2d;
--color-sugar-almond-800: #5e3820;
--color-sugar-almond-900: #422615;
--color-sugar-almond-950: #2a1407;
}SCSS
$sugar-almond: #935529;
$sugar-almond-rgb: 147, 85, 41;
$sugar-almond-light: mix(#fff, $sugar-almond, 20%);
$sugar-almond-dark: mix(#000, $sugar-almond, 20%);
.element {
color: $sugar-almond;
box-shadow: 0 0 0 2px rgba($sugar-almond, 0.35);
}