이름 색상 · #739C69
Blackthorn Green
Blackthorn Green은(는) #739C69: rgb(115 156 105), hsl(108 20% 51%), oklch(0.649 0.086 139.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Blackthorn Green color name →
#739C69
oklch(0.649 0.086 139.6)
색상 변환
- HEX
- #739c69
- RGB
- rgb(115 156 105)
- HSL
- hsl(108 20% 51%)
- HWB
- hwb(108 41% 39%)
- OKLCH
- oklch(0.649 0.086 139.6)
- OKLab
- oklab(0.649 -0.066 0.056)
- CIE Lab
- lab(60.34 -22.15 22.09)
- LCH
- lch(60.34 31.28 135.1)
- CMYK
- cmyk(26% 0% 33% 39%)
틴트 · 셰이드 · 톤
틴트
- 81A677
- 8EAF86
- 9CB995
- AAC3A3
- B8CDB2
- C6D7C1
- D4E1D1
- E2EBE0
- F0F5EF
셰이드
- 63875A
- 54734C
- 455F3E
- 364C31
- 283924
- 1B2818
- 0F180C
- 050904
- 010100
톤
- 75996C
- 76976E
- 789471
- 799173
- 7A8E75
- 7C8B78
- 7D897A
- 7E867C
- 7F837E
색 조화
보색 +180°
- 739C69
Blackthorn Green
- A67EB0
≈ Lobby Lilac
유사색 -30° +30°
- 739C69
Blackthorn Green
- 929453
≈ Topiary
- 53A086
≈ Inspiration Peak
삼각 배색 +120° +240°
- 739C69
Blackthorn Green
- 6F90C4
≈ Cornflower Blue
- BE7979
≈ Nipple
분열 보색 +150° +210°
- 739C69
Blackthorn Green
- 8D86C0
≈ Brocade
- B77997
≈ Choral Singer
사각 배색 +90° +180° +270°
- 739C69
Blackthorn Green
- 5299B9
≈ Steel Light Blue
- A67EB0
≈ Lobby Lilac
- BA7F5F
≈ Silken Chocolate
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.13:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.68:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--blackthorn-green: #739c69;
--blackthorn-green-rgb: 115 156 105;
--blackthorn-green-oklch: oklch(0.649 0.086 139.6);
}
.element {
color: var(--blackthorn-green);
background-color: hsl(108 20% 51%);
border-color: oklch(0.649 0.086 139.6);
}Tailwind CSS v4
@theme {
--color-blackthorn-green: #739c69;
--color-blackthorn-green-50: #e8fce5;
--color-blackthorn-green-100: #d8f0d5;
--color-blackthorn-green-200: #c0debc;
--color-blackthorn-green-300: #9fc39a;
--color-blackthorn-green-400: #84ab7a;
--color-blackthorn-green-500: #67945c;
--color-blackthorn-green-600: #587d4f;
--color-blackthorn-green-700: #46643f;
--color-blackthorn-green-800: #34492b;
--color-blackthorn-green-900: #23331d;
--color-blackthorn-green-950: #121f0d;
}SCSS
$blackthorn-green: #739c69;
$blackthorn-green-rgb: 115, 156, 105;
$blackthorn-green-light: mix(#fff, $blackthorn-green, 20%);
$blackthorn-green-dark: mix(#000, $blackthorn-green, 20%);
.element {
color: $blackthorn-green;
box-shadow: 0 0 0 2px rgba($blackthorn-green, 0.35);
}