Warna bernama · #378661
Chrysocolla Green
Chrysocolla Green adalah #378661: rgb(55 134 97), hsl(152 42% 37%), oklch(0.56 0.097 160.4). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Chrysocolla Green color name →
#378661
oklch(0.56 0.097 160.4)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 4E9270
- 629E7F
- 76AA8E
- 8AB69D
- 9DC2AD
- B0CEBD
- C4DACD
- D7E6DE
- EBF3EE
Shade
- 2E7453
- 266246
- 1E5139
- 16402D
- 0F3021
- 082115
- 03130B
- 010603
- 000100
Tone
- 418664
- 4A8567
- 53856A
- 5A846E
- 618471
- 688374
- 6E8277
- 74827A
- 7A817D
Harmoni warna
Komplementer +180°
- 378661
Chrysocolla Green
- 9B5D86
≈ Kyo Purple
Analog -30° +30°
- 378661
Chrysocolla Green
- 618040
≈ Mangrove Leaf
- 008681
≈ Green Lapis
Triadik +120° +240°
- 378661
Chrysocolla Green
- 6A6DAD
≈ Mediaeval
- A56047
≈ Spiced Carrot
Split-komplementer +150° +210°
- 378661
Chrysocolla Green
- 86649F
≈ Chive Blossom
- A55B67
≈ Delicate Prunus
Tetradik +90° +180° +270°
- 378661
Chrysocolla Green
- 4678AC
≈ Sleep
- 9B5D86
≈ Kyo Purple
- 996A2D
≈ Vintage Caramel
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.42:1 · APCA Lc 70
Ag
AADi atas hitam
WCAG 4.74:1 · APCA Lc 31
Warna teks terbaik: #000000
WCAG 4.74:1 (AA) · APCA Lc 31
Contrast pairs
Cuplikan kode
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);
}