Named color · #1E4D2B
Cal Poly Pomona Green
Cal Poly Pomona Green is #1E4D2B: rgb(30 77 43), hsl(137 44% 21%), oklch(0.378 0.077 150.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Cal Poly Pomona Green color name →
#1E4D2B
oklch(0.378 0.077 150.2)
Color conversions
- HEX
- #1e4d2b
- RGB
- rgb(30 77 43)
- HSL
- hsl(137 44% 21%)
- HWB
- hwb(137 12% 70%)
- OKLCH
- oklch(0.378 0.077 150.2)
- OKLab
- oklab(0.378 -0.067 0.038)
- CIE Lab
- lab(28.79 -23.35 15.17)
- LCH
- lch(28.79 27.84 147)
- CMYK
- cmyk(61% 0% 44% 70%)
Tints · Shades · Tones
Tints
- 345D3E
- 4A6E51
- 5F7F65
- 75907A
- 8BA28F
- A1B4A4
- B8C6BA
- CFD9D1
- E7ECE8
Shades
- 194224
- 13371D
- 0E2C16
- 092210
- 05180A
- 030F05
- 010702
- 000201
- 000000
Tones
- 295233
- 34573C
- 3D5C44
- 47614C
- 516755
- 5A6C5D
- 647166
- 6D766E
- 767B77
Color harmonies
Complementary +180°
- 1E4D2B
Cal Poly Pomona Green
- 583155
≈ Japanese Violet
Analogous -30° +30°
- 1E4D2B
Cal Poly Pomona Green
- 3C4711
≈ Green Not Found
- 004D43
≈ Aqua Deep
Triadic +120° +240°
- 1E4D2B
Cal Poly Pomona Green
- 323F6B
≈ Newport Indigo
- 653028
≈ Rookwood Red
Split-complementary +150° +210°
- 1E4D2B
Cal Poly Pomona Green
- 483764
≈ Petunia
- 622F40
≈ Windsor Wine
Tetradic +90° +180° +270°
- 1E4D2B
Cal Poly Pomona Green
- 104666
≈ Forest Blues
- 583155
≈ Japanese Violet
- 5F370F
≈ Chocolate Fantasies
Contrast & accessibility
Ag
AAAOn white
WCAG 9.76:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.15:1 · APCA Lc 10
Best text color: #FFFFFF
WCAG 9.76:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--cal-poly-pomona-green: #1e4d2b;
--cal-poly-pomona-green-rgb: 30 77 43;
--cal-poly-pomona-green-oklch: oklch(0.378 0.077 150.2);
}
.element {
color: var(--cal-poly-pomona-green);
background-color: hsl(137 44% 21%);
border-color: oklch(0.378 0.077 150.2);
}Tailwind CSS v4
@theme {
--color-cal-poly-pomona-green: #1e4d2b;
--color-cal-poly-pomona-green-50: #e6fceb;
--color-cal-poly-pomona-green-100: #d6f0dc;
--color-cal-poly-pomona-green-200: #bddec4;
--color-cal-poly-pomona-green-300: #9ac3a4;
--color-cal-poly-pomona-green-400: #7dac87;
--color-cal-poly-pomona-green-500: #5f956b;
--color-cal-poly-pomona-green-600: #517e5b;
--color-cal-poly-pomona-green-700: #416548;
--color-cal-poly-pomona-green-800: #2f4a33;
--color-cal-poly-pomona-green-900: #203323;
--color-cal-poly-pomona-green-950: #0f1f12;
}SCSS
$cal-poly-pomona-green: #1e4d2b;
$cal-poly-pomona-green-rgb: 30, 77, 43;
$cal-poly-pomona-green-light: mix(#fff, $cal-poly-pomona-green, 20%);
$cal-poly-pomona-green-dark: mix(#000, $cal-poly-pomona-green, 20%);
.element {
color: $cal-poly-pomona-green;
box-shadow: 0 0 0 2px rgba($cal-poly-pomona-green, 0.35);
}