Named color · #123328
Intense Green
Intense Green is #123328: rgb(18 51 40), hsl(160 48% 14%), oklch(0.293 0.044 168.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Intense Green color name →
#123328
oklch(0.293 0.044 168.7)
Color conversions
- HEX
- #123328
- RGB
- rgb(18 51 40)
- HSL
- hsl(160 48% 14%)
- HWB
- hwb(160 7% 80%)
- OKLCH
- oklch(0.293 0.044 168.7)
- OKLab
- oklab(0.293 -0.043 0.009)
- CIE Lab
- lab(18.52 -15.15 3.18)
- LCH
- lch(18.52 15.48 168.1)
- CMYK
- cmyk(65% 0% 22% 80%)
Tints · Shades · Tones
Tints
- 28453A
- 3E574D
- 546B61
- 6A7E76
- 82938C
- 9AA7A2
- B2BDB8
- CBD2CF
- E5E8E7
Shades
- 0E2B21
- 0A231B
- 071C15
- 04140F
- 020D09
- 010704
- 010302
- 000101
- 000000
Tones
- 1E3A30
- 294238
- 334941
- 3E5149
- 495852
- 54605B
- 5E6864
- 6A706D
- 757877
Color harmonies
Complementary +180°
- 123328
Intense Green
- 3C2330
≈ Sitter Red
Analogous -30° +30°
- 123328
Intense Green
- 21311C
≈ Pumpkin Green Black
- 093334
≈ Storm Green
Triadic +120° +240°
- 123328
Intense Green
- 2B2841
≈ Valhalla
- 3E2518
≈ Brown Pod
Split-complementary +150° +210°
- 123328
Intense Green
- 35253A
≈ Kokimurasaki Purple
- 3F2323
≈ Temptress
Tetradic +90° +180° +270°
- 123328
Intense Green
- 1E2C42
≈ Eternal Darkness
- 3C2330
≈ Sitter Red
- 382911
≈ Brown Tumbleweed
Contrast & accessibility
Ag
AAAOn white
WCAG 13.72:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.52:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.72:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--intense-green: #123328;
--intense-green-rgb: 18 51 40;
--intense-green-oklch: oklch(0.293 0.044 168.7);
}
.element {
color: var(--intense-green);
background-color: hsl(160 48% 14%);
border-color: oklch(0.293 0.044 168.7);
}Tailwind CSS v4
@theme {
--color-intense-green: #123328;
--color-intense-green-50: #e9f9f3;
--color-intense-green-100: #daede6;
--color-intense-green-200: #c3dbd1;
--color-intense-green-300: #a2bfb4;
--color-intense-green-400: #86a79a;
--color-intense-green-500: #699081;
--color-intense-green-600: #5a7a6d;
--color-intense-green-700: #476157;
--color-intense-green-800: #34473f;
--color-intense-green-900: #23312b;
--color-intense-green-950: #121d19;
}SCSS
$intense-green: #123328;
$intense-green-rgb: 18, 51, 40;
$intense-green-light: mix(#fff, $intense-green, 20%);
$intense-green-dark: mix(#000, $intense-green, 20%);
.element {
color: $intense-green;
box-shadow: 0 0 0 2px rgba($intense-green, 0.35);
}