이름 색상 · #3D5D42
Horsetail
Horsetail은(는) #3D5D42: rgb(61 93 66), hsl(129 21% 30%), oklch(0.445 0.058 148.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Horsetail color name →
#3D5D42
oklch(0.445 0.058 148.6)
색상 변환
- HEX
- #3d5d42
- RGB
- rgb(61 93 66)
- HSL
- hsl(129 21% 30%)
- HWB
- hwb(129 24% 64%)
- OKLCH
- oklch(0.445 0.058 148.6)
- OKLab
- oklab(0.445 -0.049 0.03)
- CIE Lab
- lab(36.4 -16.97 11.69)
- LCH
- lch(36.4 20.6 145.4)
- CMYK
- cmyk(34% 0% 29% 64%)
틴트 · 셰이드 · 톤
틴트
- 4F6C53
- 617B64
- 748B76
- 869B89
- 9AAB9C
- ADBBAF
- C1CCC2
- D5DDD6
- EAEEEA
셰이드
- 345038
- 2B432F
- 223725
- 1A2A1C
- 121F14
- 0A140B
- 040A05
- 010301
- 000000
톤
- 446148
- 4B644E
- 516854
- 586B5A
- 5F6F61
- 657267
- 6C766D
- 737973
- 797D7A
색 조화
보색 +180°
- 3D5D42
Horsetail
- 664864
≈ Bunchberry
유사색 -30° +30°
- 3D5D42
Horsetail
- 515933
≈ Green Goanna
- 2B5F54
≈ Eden
삼각 배색 +120° +240°
- 3D5D42
Horsetail
- 465374
≈ Signature Blue
- 714842
≈ Burnished Mahogany
분열 보색 +150° +210°
- 3D5D42
Horsetail
- 584D70
≈ Perpetual Purple
- 6E4653
≈ Mixed Berry Jam
사각 배색 +90° +180° +270°
- 3D5D42
Horsetail
- 345971
≈ Water Chi
- 664864
≈ Bunchberry
- 6C4C33
≈ Tilled Soil
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.38:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.84:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--horsetail: #3d5d42;
--horsetail-rgb: 61 93 66;
--horsetail-oklch: oklch(0.445 0.058 148.6);
}
.element {
color: var(--horsetail);
background-color: hsl(129 21% 30%);
border-color: oklch(0.445 0.058 148.6);
}Tailwind CSS v4
@theme {
--color-horsetail: #3d5d42;
--color-horsetail-50: #eafaed;
--color-horsetail-100: #dbeede;
--color-horsetail-200: #c3dcc8;
--color-horsetail-300: #a3c0a8;
--color-horsetail-400: #87a88c;
--color-horsetail-500: #6c9171;
--color-horsetail-600: #5b7b60;
--color-horsetail-700: #49624c;
--color-horsetail-800: #354837;
--color-horsetail-900: #243225;
--color-horsetail-950: #131e14;
}SCSS
$horsetail: #3d5d42;
$horsetail-rgb: 61, 93, 66;
$horsetail-light: mix(#fff, $horsetail, 20%);
$horsetail-dark: mix(#000, $horsetail, 20%);
.element {
color: $horsetail;
box-shadow: 0 0 0 2px rgba($horsetail, 0.35);
}