Named color · #71A91D
Christi
Christi is #71A91D: rgb(113 169 29), hsl(84 71% 39%), oklch(0.671 0.171 130.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Christi color name →
#71A91D
oklch(0.671 0.171 130.1)
Color conversions
- HEX
- #71a91d
- RGB
- rgb(113 169 29)
- HSL
- hsl(84 71% 39%)
- HWB
- hwb(84 11% 34%)
- OKLCH
- oklch(0.671 0.171 130.1)
- OKLab
- oklab(0.671 -0.11 0.131)
- CIE Lab
- lab(63.5 -34.14 58.73)
- LCH
- lch(63.5 67.93 120.2)
- CMYK
- cmyk(33% 0% 83% 34%)
Tints · Shades · Tones
Tints
- 7FB240
- 8DBB59
- 9AC370
- A9CC85
- B7D59A
- C5DDAE
- D3E6C2
- E2EED7
- F0F7EB
Shades
- 619218
- 527C13
- 43670E
- 355309
- 273F05
- 1A2C03
- 0E1B01
- 040A00
- 010100
Tones
- 73A532
- 75A140
- 769D4B
- 789955
- 79955D
- 7B9165
- 7C8D6D
- 7E8973
- 7F847A
Color harmonies
Complementary +180°
- 71A91D
Christi
- B673E3
≈ Lavender
Analogous -30° +30°
- 71A91D
Christi
- AA9600
≈ Vegan Villain
- 00B175
≈ Green Teal
Triadic +120° +240°
- 71A91D
Christi
- 2C99F9
≈ Brilliant Azure
- EA607D
≈ Cherry Static
Split-complementary +150° +210°
- 71A91D
Christi
- 8485FB
≈ Lavender Blue Shadow
- D865B6
≈ Pink Charge
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.83:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.39:1 · APCA Lc 48
Best text color: #000000
WCAG 7.39:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--christi: #71a91d;
--christi-rgb: 113 169 29;
--christi-oklch: oklch(0.671 0.171 130.1);
}
.element {
color: var(--christi);
background-color: hsl(84 71% 39%);
border-color: oklch(0.671 0.171 130.1);
}Tailwind CSS v4
@theme {
--color-christi: #71a91d;
--color-christi-50: #e3ffce;
--color-christi-100: #d3f5b9;
--color-christi-200: #b9e497;
--color-christi-300: #96ca6a;
--color-christi-400: #7cb236;
--color-christi-500: #5e9a00;
--color-christi-600: #508300;
--color-christi-700: #406900;
--color-christi-800: #304c00;
--color-christi-900: #213500;
--color-christi-950: #102000;
}SCSS
$christi: #71a91d;
$christi-rgb: 113, 169, 29;
$christi-light: mix(#fff, $christi, 20%);
$christi-dark: mix(#000, $christi, 20%);
.element {
color: $christi;
box-shadow: 0 0 0 2px rgba($christi, 0.35);
}