Named color · #038C67
Kabalite Green
Kabalite Green is #038C67: rgb(3 140 103), hsl(164 96% 28%), oklch(0.568 0.117 166.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Kabalite Green color name →
#038C67
oklch(0.568 0.117 166.2)
Color conversions
- HEX
- #038c67
- RGB
- rgb(3 140 103)
- HSL
- hsl(164 96% 28%)
- HWB
- hwb(164 1% 45%)
- OKLCH
- oklch(0.568 0.117 166.2)
- OKLab
- oklab(0.568 -0.114 0.028)
- CIE Lab
- lab(51.43 -40.46 10.41)
- LCH
- lch(51.43 41.78 165.6)
- CMYK
- cmyk(98% 0% 26% 45%)
Tints · Shades · Tones
Tints
- 369775
- 52A384
- 69AE92
- 80BAA1
- 95C5B0
- ABD1C0
- C0DCCF
- D5E8DF
- EAF3EF
Shades
- 027959
- 02674B
- 01553D
- 014330
- 003323
- 002317
- 00140C
- 000704
- 000100
Tones
- 268B6A
- 378A6C
- 44896F
- 4F8871
- 598774
- 628676
- 6A8479
- 72837B
- 79827E
Color harmonies
Complementary +180°
- 038C67
Kabalite Green
- A75885
≈ Cyclamen Red
Analogous -30° +30°
- 038C67
Kabalite Green
- 55863D
≈ The Legend of Green
- 00888A
≈ Well Blue
Triadic +120° +240°
- 038C67
Kabalite Green
- 726BB8
≈ Purple Toolbox
- AE5E36
≈ Monument Valley
Split-complementary +150° +210°
- 038C67
Kabalite Green
- 9260A5
≈ Empire Violet
- B1575F
≈ Alsike Clover Red
Tetradic +90° +180° +270°
- 038C67
Kabalite Green
- 4678BA
≈ Ashton Blue
- A75885
≈ Cyclamen Red
- 9D6C08
≈ Balor Brown
Contrast & accessibility
Ag
FailOn white
WCAG 4.24:1 · APCA Lc 69
Ag
AAOn black
WCAG 4.95:1 · APCA Lc 33
Best text color: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Code snippets
CSS
:root {
--kabalite-green: #038c67;
--kabalite-green-rgb: 3 140 103;
--kabalite-green-oklch: oklch(0.568 0.117 166.2);
}
.element {
color: var(--kabalite-green);
background-color: hsl(164 96% 28%);
border-color: oklch(0.568 0.117 166.2);
}Tailwind CSS v4
@theme {
--color-kabalite-green: #038c67;
--color-kabalite-green-50: #d6ffef;
--color-kabalite-green-100: #c3f5e1;
--color-kabalite-green-200: #a3e5cb;
--color-kabalite-green-300: #78cbac;
--color-kabalite-green-400: #4eb48f;
--color-kabalite-green-500: #009e74;
--color-kabalite-green-600: #0c8663;
--color-kabalite-green-700: #0c6b4f;
--color-kabalite-green-800: #0a4f37;
--color-kabalite-green-900: #073726;
--color-kabalite-green-950: #002214;
}SCSS
$kabalite-green: #038c67;
$kabalite-green-rgb: 3, 140, 103;
$kabalite-green-light: mix(#fff, $kabalite-green, 20%);
$kabalite-green-dark: mix(#000, $kabalite-green, 20%);
.element {
color: $kabalite-green;
box-shadow: 0 0 0 2px rgba($kabalite-green, 0.35);
}