Nazwany kolor · #739C69
Blackthorn Green
Blackthorn Green to #739C69: rgb(115 156 105), hsl(108 20% 51%), oklch(0.649 0.086 139.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Blackthorn Green color name →
#739C69
oklch(0.649 0.086 139.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81A677
- 8EAF86
- 9CB995
- AAC3A3
- B8CDB2
- C6D7C1
- D4E1D1
- E2EBE0
- F0F5EF
Odcienie ciemniejsze
- 63875A
- 54734C
- 455F3E
- 364C31
- 283924
- 1B2818
- 0F180C
- 050904
- 010100
Tony
- 75996C
- 76976E
- 789471
- 799173
- 7A8E75
- 7C8B78
- 7D897A
- 7E867C
- 7F837E
Harmonie kolorów
Komplementarna +180°
- 739C69
Blackthorn Green
- A67EB0
≈ Lobby Lilac
Analogowa -30° +30°
- 739C69
Blackthorn Green
- 929453
≈ Topiary
- 53A086
≈ Inspiration Peak
Triada +120° +240°
- 739C69
Blackthorn Green
- 6F90C4
≈ Cornflower Blue
- BE7979
≈ Nipple
Komplementarna rozszczepiona +150° +210°
- 739C69
Blackthorn Green
- 8D86C0
≈ Brocade
- B77997
≈ Choral Singer
Tetrada +90° +180° +270°
- 739C69
Blackthorn Green
- 5299B9
≈ Steel Light Blue
- A67EB0
≈ Lobby Lilac
- BA7F5F
≈ Silken Chocolate
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.13:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.68:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
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);
}