Named color · #A8E8CB
Tropical
Tropical is #A8E8CB: rgb(168 232 203), hsl(153 58% 78%), oklch(0.88 0.076 165). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Tropical color name →
#A8E8CB
oklch(0.88 0.076 165)
Color conversions
- HEX
- #a8e8cb
- RGB
- rgb(168 232 203)
- HSL
- hsl(153 58% 78%)
- HWB
- hwb(153 66% 9%)
- OKLCH
- oklch(0.88 0.076 165)
- OKLab
- oklab(0.88 -0.074 0.02)
- CIE Lab
- lab(87.09 -25.45 7.34)
- LCH
- lch(87.09 26.49 163.9)
- CMYK
- cmyk(28% 0% 13% 9%)
Tints · Shades · Tones
Tints
- B1EAD0
- BAEDD5
- C3EFDA
- CCF1E0
- D5F4E5
- DDF6EA
- E6F8EF
- EEFBF4
- F7FDFA
Shades
- 92CAB0
- 7CAC96
- 67907D
- 527465
- 3F594D
- 2C4037
- 1A2922
- 0A130F
- 010302
Tones
- A4DDC3
- A1D2BC
- 9DC8B4
- 99BDAC
- 95B3A5
- 91A89D
- 8D9E96
- 89948F
- 848A87
Color harmonies
Complementary +180°
- A8E8CB
Tropical
- FDC4E3
≈ Sugarwinkle
Analogous -30° +30°
- A8E8CB
Tropical
- C2E3B1
≈ Almost Aloe
- 9AE8E7
≈ Everest
Triadic +120° +240°
- A8E8CB
Tropical
- D2D3FF
≈ Pale Phthalo Blue
- FFCAB3
≈ Peach and Quiet
Split-complementary +150° +210°
- A8E8CB
Tropical
- EBC9FB
≈ Aquarelle Lilac
- FFC7CA
≈ Sweet Memories
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOn black
WCAG 15.06:1 · APCA Lc 84
Best text color: #000000
WCAG 15.06:1 (AAA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--tropical: #a8e8cb;
--tropical-rgb: 168 232 203;
--tropical-oklch: oklch(0.88 0.076 165);
}
.element {
color: var(--tropical);
background-color: hsl(153 58% 78%);
border-color: oklch(0.88 0.076 165);
}Tailwind CSS v4
@theme {
--color-tropical: #a8e8cb;
--color-tropical-50: #e2fdf0;
--color-tropical-100: #d1f1e2;
--color-tropical-200: #b6dfcd;
--color-tropical-300: #92c4af;
--color-tropical-400: #72ad93;
--color-tropical-500: #51967a;
--color-tropical-600: #457f67;
--color-tropical-700: #376652;
--color-tropical-800: #284b3b;
--color-tropical-900: #1b3428;
--color-tropical-950: #0b1f16;
}SCSS
$tropical: #a8e8cb;
$tropical-rgb: 168, 232, 203;
$tropical-light: mix(#fff, $tropical, 20%);
$tropical-dark: mix(#000, $tropical, 20%);
.element {
color: $tropical;
box-shadow: 0 0 0 2px rgba($tropical, 0.35);
}