이름 색상 · #575144
Bridgewood
Bridgewood은(는) #575144: rgb(87 81 68), hsl(41 12% 30%), oklch(0.437 0.022 86.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Bridgewood color name →
#575144
oklch(0.437 0.022 86.2)
색상 변환
- HEX
- #575144
- RGB
- rgb(87 81 68)
- HSL
- hsl(41 12% 30%)
- HWB
- hwb(41 27% 66%)
- OKLCH
- oklch(0.437 0.022 86.2)
- OKLab
- oklab(0.437 0.001 0.022)
- CIE Lab
- lab(34.74 0.73 8.62)
- LCH
- lch(34.74 8.65 85.1)
- CMYK
- cmyk(0% 7% 22% 66%)
틴트 · 셰이드 · 톤
틴트
- 666155
- 767166
- 868178
- 96928A
- A7A49C
- B8B5AF
- C9C7C3
- DBDAD7
- EDECEB
셰이드
- 4B453A
- 3E3A30
- 332F26
- 27241D
- 1C1A14
- 12100C
- 080705
- 030202
- 000000
톤
- 5B564A
- 5F5A50
- 635F55
- 67635B
- 6B6861
- 6F6D67
- 73726D
- 787674
- 7C7B7A
색 조화
보색 +180°
- 575144
Bridgewood
- 4C525E
≈ Senate
유사색 -30° +30°
- 575144
Bridgewood
- 5C4F46
≈ Saddle
- 515346
≈ Forestwood
삼각 배색 +120° +240°
- 575144
Bridgewood
- 445558
≈ Asagi Koi
- 584E58
≈ Purple Empire
분열 보색 +150° +210°
- 575144
Bridgewood
- 46545C
≈ Vermont Slate
- 524F5D
≈ Salvation
사각 배색 +90° +180° +270°
- 575144
Bridgewood
- 455651
≈ Huntington Woods
- 4C525E
≈ Senate
- 5C4D52
≈ Quail Hollow
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.87:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.66:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.87:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--bridgewood: #575144;
--bridgewood-rgb: 87 81 68;
--bridgewood-oklch: oklch(0.437 0.022 86.2);
}
.element {
color: var(--bridgewood);
background-color: hsl(41 12% 30%);
border-color: oklch(0.437 0.022 86.2);
}Tailwind CSS v4
@theme {
--color-bridgewood: #575144;
--color-bridgewood-50: #f8f5ee;
--color-bridgewood-100: #ebe8e0;
--color-bridgewood-200: #d8d4ca;
--color-bridgewood-300: #bcb7ab;
--color-bridgewood-400: #a49e90;
--color-bridgewood-500: #8d8576;
--color-bridgewood-600: #777164;
--color-bridgewood-700: #5f5a50;
--color-bridgewood-800: #46423a;
--color-bridgewood-900: #302d28;
--color-bridgewood-950: #1d1a16;
}SCSS
$bridgewood: #575144;
$bridgewood-rgb: 87, 81, 68;
$bridgewood-light: mix(#fff, $bridgewood, 20%);
$bridgewood-dark: mix(#000, $bridgewood, 20%);
.element {
color: $bridgewood;
box-shadow: 0 0 0 2px rgba($bridgewood, 0.35);
}