Named color · #123524
Phthalo Green
Phthalo Green is #123524: rgb(18 53 36), hsl(151 49% 14%), oklch(0.298 0.051 159.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Phthalo Green color name →
#123524
oklch(0.298 0.051 159.7)
Color conversions
- HEX
- #123524
- RGB
- rgb(18 53 36)
- HSL
- hsl(151 49% 14%)
- HWB
- hwb(151 7% 79%)
- OKLCH
- oklch(0.298 0.051 159.7)
- OKLab
- oklab(0.298 -0.048 0.018)
- CIE Lab
- lab(19.2 -16.97 6.8)
- LCH
- lch(19.2 18.28 158.2)
- CMYK
- cmyk(66% 0% 32% 79%)
Tints · Shades · Tones
Tints
- 284737
- 3E594A
- 546C5E
- 6B8074
- 829489
- 9AA8A0
- B2BDB7
- CBD3CE
- E5E9E6
Shades
- 0E2D1E
- 0A2518
- 071D12
- 04150C
- 020E07
- 010804
- 010302
- 000100
- 000000
Tones
- 1E3C2C
- 294335
- 344B3E
- 3E5247
- 495A50
- 546159
- 5F6963
- 6A706C
- 757876
Color harmonies
Complementary +180°
- 123524
Phthalo Green
- 3E2335
≈ Sitter Red
Analogous -30° +30°
- 123524
Phthalo Green
- 253215
≈ Darkest Forest
- 003533
≈ Shrub Green
Triadic +120° +240°
- 123524
Phthalo Green
- 282A46
≈ Royal Curtsy
- 432419
≈ Longan’s Kernel
Split-complementary +150° +210°
- 123524
Phthalo Green
- 352641
≈ Spinel Violet
- 432227
≈ Nisemurasaki Purple
Tetradic +90° +180° +270°
- 123524
Phthalo Green
- 182F46
≈ NATO Blue
- 3E2335
≈ Sitter Red
- 3E280D
≈ Brown Tumbleweed
Contrast & accessibility
Ag
AAAOn white
WCAG 13.45:1 · APCA Lc 100
Ag
FailOn black
WCAG 1.56:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 13.45:1 (AAA) · APCA Lc 100
Contrast pairs
Code snippets
CSS
:root {
--phthalo-green: #123524;
--phthalo-green-rgb: 18 53 36;
--phthalo-green-oklch: oklch(0.298 0.051 159.7);
}
.element {
color: var(--phthalo-green);
background-color: hsl(151 49% 14%);
border-color: oklch(0.298 0.051 159.7);
}Tailwind CSS v4
@theme {
--color-phthalo-green: #123524;
--color-phthalo-green-50: #e9faf1;
--color-phthalo-green-100: #daeee3;
--color-phthalo-green-200: #c2dbcd;
--color-phthalo-green-300: #a1c0af;
--color-phthalo-green-400: #85a894;
--color-phthalo-green-500: #68917a;
--color-phthalo-green-600: #597b68;
--color-phthalo-green-700: #476253;
--color-phthalo-green-800: #33483b;
--color-phthalo-green-900: #233229;
--color-phthalo-green-950: #121e17;
}SCSS
$phthalo-green: #123524;
$phthalo-green-rgb: 18, 53, 36;
$phthalo-green-light: mix(#fff, $phthalo-green, 20%);
$phthalo-green-dark: mix(#000, $phthalo-green, 20%);
.element {
color: $phthalo-green;
box-shadow: 0 0 0 2px rgba($phthalo-green, 0.35);
}