Colore con nome · #378661
Chrysocolla Green
Chrysocolla Green è #378661: rgb(55 134 97), hsl(152 42% 37%), oklch(0.56 0.097 160.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Chrysocolla Green color name →
#378661
oklch(0.56 0.097 160.4)
Conversioni di colore
- HEX
- #378661
- RGB
- rgb(55 134 97)
- HSL
- hsl(152 42% 37%)
- HWB
- hwb(152 22% 47%)
- OKLCH
- oklch(0.56 0.097 160.4)
- OKLab
- oklab(0.56 -0.092 0.033)
- CIE Lab
- lab(50.29 -32.31 12.43)
- LCH
- lch(50.29 34.61 159)
- CMYK
- cmyk(59% 0% 28% 47%)
Tinte · Ombre · Toni
Tinte
- 4E9270
- 629E7F
- 76AA8E
- 8AB69D
- 9DC2AD
- B0CEBD
- C4DACD
- D7E6DE
- EBF3EE
Ombre
- 2E7453
- 266246
- 1E5139
- 16402D
- 0F3021
- 082115
- 03130B
- 010603
- 000100
Toni
- 418664
- 4A8567
- 53856A
- 5A846E
- 618471
- 688374
- 6E8277
- 74827A
- 7A817D
Armonie di colore
Complementare +180°
- 378661
Chrysocolla Green
- 9B5D86
≈ Kyo Purple
Analogo -30° +30°
- 378661
Chrysocolla Green
- 618040
≈ Mangrove Leaf
- 008681
≈ Green Lapis
Triadico +120° +240°
- 378661
Chrysocolla Green
- 6A6DAD
≈ Mediaeval
- A56047
≈ Spiced Carrot
Complementare divisa +150° +210°
- 378661
Chrysocolla Green
- 86649F
≈ Chive Blossom
- A55B67
≈ Delicate Prunus
Tetradico +90° +180° +270°
- 378661
Chrysocolla Green
- 4678AC
≈ Sleep
- 9B5D86
≈ Kyo Purple
- 996A2D
≈ Vintage Caramel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.42:1 · APCA Lc 70
Ag
AASu nero
WCAG 4.74:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--chrysocolla-green: #378661;
--chrysocolla-green-rgb: 55 134 97;
--chrysocolla-green-oklch: oklch(0.56 0.097 160.4);
}
.element {
color: var(--chrysocolla-green);
background-color: hsl(152 42% 37%);
border-color: oklch(0.56 0.097 160.4);
}Tailwind CSS v4
@theme {
--color-chrysocolla-green: #378661;
--color-chrysocolla-green-50: #ddfeed;
--color-chrysocolla-green-100: #ccf3de;
--color-chrysocolla-green-200: #afe2c8;
--color-chrysocolla-green-300: #89c7a9;
--color-chrysocolla-green-400: #67b08b;
--color-chrysocolla-green-500: #419a70;
--color-chrysocolla-green-600: #38825f;
--color-chrysocolla-green-700: #2d684c;
--color-chrysocolla-green-800: #214d36;
--color-chrysocolla-green-900: #163524;
--color-chrysocolla-green-950: #062013;
}SCSS
$chrysocolla-green: #378661;
$chrysocolla-green-rgb: 55, 134, 97;
$chrysocolla-green-light: mix(#fff, $chrysocolla-green, 20%);
$chrysocolla-green-dark: mix(#000, $chrysocolla-green, 20%);
.element {
color: $chrysocolla-green;
box-shadow: 0 0 0 2px rgba($chrysocolla-green, 0.35);
}