이름 색상 · #772F39
Mesa Ridge
Mesa Ridge은(는) #772F39: rgb(119 47 57), hsl(352 43% 33%), oklch(0.409 0.101 14.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Mesa Ridge color name →
#772F39
oklch(0.409 0.101 14.2)
색상 변환
- HEX
- #772f39
- RGB
- rgb(119 47 57)
- HSL
- hsl(352 43% 33%)
- HWB
- hwb(352 18% 53%)
- OKLCH
- oklch(0.409 0.101 14.2)
- OKLab
- oklab(0.409 0.098 0.025)
- CIE Lab
- lab(30.38 32.83 10.51)
- LCH
- lch(30.38 34.48 17.8)
- CMYK
- cmyk(0% 61% 52% 53%)
틴트 · 셰이드 · 톤
틴트
- 86434A
- 94575D
- A26B6F
- B07F82
- BD9496
- CBA8AA
- D8BDBF
- E5D3D4
- F2E9E9
셰이드
- 672730
- 572028
- 47191F
- 381217
- 2A0C10
- 1C0609
- 100304
- 050101
- 010000
톤
- 793840
- 7B4147
- 7C494E
- 7E5155
- 7F595C
- 806163
- 80696A
- 807071
- 807879
색 조화
보색 +180°
- 772F39
Mesa Ridge
- 005655
≈ Overboard
유사색 -30° +30°
- 772F39
Mesa Ridge
- 6F3157
≈ Burlat Red
- 763515
≈ Beer Glazed Bacon
삼각 배색 +120° +240°
- 772F39
Mesa Ridge
- 315615
≈ Navy Green
- 1E4B7F
≈ Classic Blue
분열 보색 +150° +210°
- 772F39
Mesa Ridge
- 00593D
≈ Sacramento State Green
- 005369
≈ Blue Palisade
사각 배색 +90° +180° +270°
- 772F39
Mesa Ridge
- 524C00
≈ Scorzonera Brown
- 005655
≈ Overboard
- 45407E
≈ Jacksons Purple
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.33:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.25:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.33:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--mesa-ridge: #772f39;
--mesa-ridge-rgb: 119 47 57;
--mesa-ridge-oklch: oklch(0.409 0.101 14.2);
}
.element {
color: var(--mesa-ridge);
background-color: hsl(352 43% 33%);
border-color: oklch(0.409 0.101 14.2);
}Tailwind CSS v4
@theme {
--color-mesa-ridge: #772f39;
--color-mesa-ridge-50: #ffeaeb;
--color-mesa-ridge-100: #ffdbdc;
--color-mesa-ridge-200: #fdc3c5;
--color-mesa-ridge-300: #e7a3a6;
--color-mesa-ridge-400: #d3858c;
--color-mesa-ridge-500: #bf6871;
--color-mesa-ridge-600: #a25960;
--color-mesa-ridge-700: #82474d;
--color-mesa-ridge-800: #603339;
--color-mesa-ridge-900: #442327;
--color-mesa-ridge-950: #2b1115;
}SCSS
$mesa-ridge: #772f39;
$mesa-ridge-rgb: 119, 47, 57;
$mesa-ridge-light: mix(#fff, $mesa-ridge, 20%);
$mesa-ridge-dark: mix(#000, $mesa-ridge, 20%);
.element {
color: $mesa-ridge;
box-shadow: 0 0 0 2px rgba($mesa-ridge, 0.35);
}