Colore con nome · #739C69
Blackthorn Green
Blackthorn Green è #739C69: rgb(115 156 105), hsl(108 20% 51%), oklch(0.649 0.086 139.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Blackthorn Green color name →
#739C69
oklch(0.649 0.086 139.6)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 81A677
- 8EAF86
- 9CB995
- AAC3A3
- B8CDB2
- C6D7C1
- D4E1D1
- E2EBE0
- F0F5EF
Ombre
- 63875A
- 54734C
- 455F3E
- 364C31
- 283924
- 1B2818
- 0F180C
- 050904
- 010100
Toni
- 75996C
- 76976E
- 789471
- 799173
- 7A8E75
- 7C8B78
- 7D897A
- 7E867C
- 7F837E
Armonie di colore
Complementare +180°
- 739C69
Blackthorn Green
- A67EB0
≈ Lobby Lilac
Analogo -30° +30°
- 739C69
Blackthorn Green
- 929453
≈ Topiary
- 53A086
≈ Inspiration Peak
Triadico +120° +240°
- 739C69
Blackthorn Green
- 6F90C4
≈ Cornflower Blue
- BE7979
≈ Nipple
Complementare divisa +150° +210°
- 739C69
Blackthorn Green
- 8D86C0
≈ Brocade
- B77997
≈ Choral Singer
Tetradico +90° +180° +270°
- 739C69
Blackthorn Green
- 5299B9
≈ Steel Light Blue
- A67EB0
≈ Lobby Lilac
- BA7F5F
≈ Silken Chocolate
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.13:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
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);
}