이름 색상 · #348A5D
Argyle
Argyle은(는) #348A5D: rgb(52 138 93), hsl(149 45% 37%), oklch(0.569 0.109 157.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Argyle color name →
#348A5D
oklch(0.569 0.109 157.2)
색상 변환
- HEX
- #348a5d
- RGB
- rgb(52 138 93)
- HSL
- hsl(149 45% 37%)
- HWB
- hwb(149 20% 46%)
- OKLCH
- oklch(0.569 0.109 157.2)
- OKLab
- oklab(0.569 -0.1 0.042)
- CIE Lab
- lab(51.44 -35.27 16.21)
- LCH
- lch(51.44 38.82 155.3)
- CMYK
- cmyk(62% 0% 33% 46%)
틴트 · 셰이드 · 톤
틴트
- 4C956C
- 61A17C
- 75AD8B
- 89B89B
- 9DC4AB
- B0D0BC
- C4DBCC
- D7E7DD
- EBF3EE
셰이드
- 2C7750
- 246543
- 1C5337
- 15422A
- 0E321F
- 072214
- 03140A
- 010703
- 000100
톤
- 3F8961
- 498864
- 528868
- 59876B
- 61866F
- 688572
- 6E8476
- 748279
- 7A817D
색 조화
보색 +180°
- 348A5D
Argyle
- 9F5D8E
≈ Thimble Red
유사색 -30° +30°
- 348A5D
Argyle
- 658337
≈ Swamp Moss
- 008A81
≈ Clear Turquoise
삼각 배색 +120° +240°
- 348A5D
Argyle
- 6870B6
≈ Chetwode Blue
- AD5E47
≈ Iron Ore
분열 보색 +150° +210°
- 348A5D
Argyle
- 8865A9
≈ Chive Blossom
- AC5A6C
≈ Topinambur Root
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.25:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.93:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--argyle: #348a5d;
--argyle-rgb: 52 138 93;
--argyle-oklch: oklch(0.569 0.109 157.2);
}
.element {
color: var(--argyle);
background-color: hsl(149 45% 37%);
border-color: oklch(0.569 0.109 157.2);
}Tailwind CSS v4
@theme {
--color-argyle: #348a5d;
--color-argyle-50: #dcffea;
--color-argyle-100: #caf4db;
--color-argyle-200: #ade3c4;
--color-argyle-300: #86c9a4;
--color-argyle-400: #63b285;
--color-argyle-500: #3a9b69;
--color-argyle-600: #338359;
--color-argyle-700: #296947;
--color-argyle-800: #1e4d32;
--color-argyle-900: #143622;
--color-argyle-950: #052111;
}SCSS
$argyle: #348a5d;
$argyle-rgb: 52, 138, 93;
$argyle-light: mix(#fff, $argyle, 20%);
$argyle-dark: mix(#000, $argyle, 20%);
.element {
color: $argyle;
box-shadow: 0 0 0 2px rgba($argyle, 0.35);
}