이름 색상 · #707B71
Boxwood
Boxwood은(는) #707B71: rgb(112 123 113), hsl(125 5% 46%), oklch(0.571 0.02 147.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Boxwood color name →
#707B71
oklch(0.571 0.02 147.9)
색상 변환
- HEX
- #707b71
- RGB
- rgb(112 123 113)
- HSL
- hsl(125 5% 46%)
- HWB
- hwb(125 44% 52%)
- OKLCH
- oklch(0.571 0.02 147.9)
- OKLab
- oklab(0.571 -0.017 0.011)
- CIE Lab
- lab(50.46 -5.79 4.02)
- LCH
- lch(50.46 7.05 145.2)
- CMYK
- cmyk(9% 0% 8% 52%)
틴트 · 셰이드 · 톤
틴트
- 7D877E
- 8B948C
- 99A199
- A7AEA7
- B5BBB5
- C3C8C4
- D2D6D2
- E1E3E1
- F0F1F0
셰이드
- 606A61
- 515A52
- 434A43
- 353A35
- 272C27
- 1A1E1A
- 0E100E
- 040504
- 010101
톤
- 727C72
- 737C74
- 757D75
- 767D77
- 787E78
- 7A7E7A
- 7B7F7B
- 7D7F7D
- 7E807E
색 조화
보색 +180°
- 707B71
Boxwood
- 7E747E
≈ Plush Velvet
유사색 -30° +30°
- 707B71
Boxwood
- 76796C
≈ Crooked River
- 6C7C77
≈ Grey Monument
삼각 배색 +120° +240°
- 707B71
Boxwood
- 727784
≈ Ice Blue Grey
- 837371
≈ Roaming Pony
분열 보색 +150° +210°
- 707B71
Boxwood
- 797582
≈ Dried Lavender Flowers
- 827377
≈ Pumice Grey
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.41:1 · APCA Lc 71
Ag
AA검은색 위
WCAG 4.76:1 · APCA Lc 31
가장 좋은 글자색: #000000
WCAG 4.76:1 (AA) · APCA Lc 31
Contrast pairs
코드 스니펫
CSS
:root {
--boxwood: #707b71;
--boxwood-rgb: 112 123 113;
--boxwood-oklch: oklch(0.571 0.02 147.9);
}
.element {
color: var(--boxwood);
background-color: hsl(125 5% 46%);
border-color: oklch(0.571 0.02 147.9);
}Tailwind CSS v4
@theme {
--color-boxwood: #707b71;
--color-boxwood-50: #f1f7f2;
--color-boxwood-100: #e3eae4;
--color-boxwood-200: #cfd7d0;
--color-boxwood-300: #b1bab2;
--color-boxwood-400: #97a298;
--color-boxwood-500: #7e8a7f;
--color-boxwood-600: #6a756b;
--color-boxwood-700: #555d56;
--color-boxwood-800: #3e443e;
--color-boxwood-900: #2b2f2b;
--color-boxwood-950: #181c18;
}SCSS
$boxwood: #707b71;
$boxwood-rgb: 112, 123, 113;
$boxwood-light: mix(#fff, $boxwood, 20%);
$boxwood-dark: mix(#000, $boxwood, 20%);
.element {
color: $boxwood;
box-shadow: 0 0 0 2px rgba($boxwood, 0.35);
}