Named color · #99DAC5
Pageant Green
Pageant Green is #99DAC5: rgb(153 218 197), hsl(161 47% 73%), oklch(0.839 0.072 172.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Teal mean? → · Pageant Green color name →
#99DAC5
oklch(0.839 0.072 172.4)
Color conversions
- HEX
- #99dac5
- RGB
- rgb(153 218 197)
- HSL
- hsl(161 47% 73%)
- HWB
- hwb(161 60% 15%)
- OKLCH
- oklch(0.839 0.072 172.4)
- OKLab
- oklab(0.839 -0.072 0.01)
- CIE Lab
- lab(82.24 -24.75 3.44)
- LCH
- lch(82.24 24.99 172.1)
- CMYK
- cmyk(30% 0% 10% 15%)
Tints · Shades · Tones
Tints
- A4DECB
- AEE2D0
- B9E5D6
- C3E9DC
- CDEDE2
- D7F0E7
- E1F4ED
- EBF8F3
- F5FBF9
Shades
- 84BDAB
- 70A292
- 5D8779
- 4A6C61
- 38544B
- 273C35
- 172521
- 08110E
- 010202
Tones
- 97D1BE
- 95C7B7
- 93BEB0
- 91B5A9
- 8EACA2
- 8CA39B
- 899A94
- 86918D
- 838987
Color harmonies
Complementary +180°
- 99DAC5
Pageant Green
- F0B7CF
≈ Bunny Cake
Analogous -30° +30°
- 99DAC5
Pageant Green
- B0D7AB
≈ Apple Cream
- 90D9DE
≈ Exotic Escape
Triadic +120° +240°
- 99DAC5
Pageant Green
- CBC2F6
≈ Light Periwinkle
- F1BE9F
≈ Tan Temptation
Split-complementary +150° +210°
- 99DAC5
Pageant Green
- E1BBE6
≈ Beefy Pink
- F6B8B5
≈ Old Flame
Tetradic +90° +180° +270°
- 99DAC5
Pageant Green
- B1CBFA
≈ Night Snow
- F0B7CF
≈ Bunny Cake
- E2C694
≈ Corn Chowder
Contrast & accessibility
Ag
FailOn white
WCAG 1.59:1 · APCA Lc 27
Ag
AAAOn black
WCAG 13.18:1 · APCA Lc 76
Best text color: #000000
WCAG 13.18:1 (AAA) · APCA Lc 76
Contrast pairs
Code snippets
CSS
:root {
--pageant-green: #99dac5;
--pageant-green-rgb: 153 218 197;
--pageant-green-oklch: oklch(0.839 0.072 172.4);
}
.element {
color: var(--pageant-green);
background-color: hsl(161 47% 73%);
border-color: oklch(0.839 0.072 172.4);
}Tailwind CSS v4
@theme {
--color-pageant-green: #99dac5;
--color-pageant-green-50: #e1fcf4;
--color-pageant-green-100: #d0f0e6;
--color-pageant-green-200: #b5dfd2;
--color-pageant-green-300: #91c4b5;
--color-pageant-green-400: #71ad9a;
--color-pageant-green-500: #4e9681;
--color-pageant-green-600: #437f6d;
--color-pageant-green-700: #366657;
--color-pageant-green-800: #264b3f;
--color-pageant-green-900: #1a342b;
--color-pageant-green-950: #0a1f18;
}SCSS
$pageant-green: #99dac5;
$pageant-green-rgb: 153, 218, 197;
$pageant-green-light: mix(#fff, $pageant-green, 20%);
$pageant-green-dark: mix(#000, $pageant-green, 20%);
.element {
color: $pageant-green;
box-shadow: 0 0 0 2px rgba($pageant-green, 0.35);
}