Benoemde kleur · #A8E8CB
Tropical
Tropical is #A8E8CB: rgb(168 232 203), hsl(153 58% 78%), oklch(0.88 0.076 165). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Tropical color name →
#A8E8CB
oklch(0.88 0.076 165)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- B1EAD0
- BAEDD5
- C3EFDA
- CCF1E0
- D5F4E5
- DDF6EA
- E6F8EF
- EEFBF4
- F7FDFA
Schaduwen
- 92CAB0
- 7CAC96
- 67907D
- 527465
- 3F594D
- 2C4037
- 1A2922
- 0A130F
- 010302
Tonen
- A4DDC3
- A1D2BC
- 9DC8B4
- 99BDAC
- 95B3A5
- 91A89D
- 8D9E96
- 89948F
- 848A87
Kleurharmonieën
Complementair +180°
- A8E8CB
Tropical
- FDC4E3
≈ Sugarwinkle
Analoog -30° +30°
- A8E8CB
Tropical
- C2E3B1
≈ Almost Aloe
- 9AE8E7
≈ Everest
Triadisch +120° +240°
- A8E8CB
Tropical
- D2D3FF
≈ Pale Phthalo Blue
- FFCAB3
≈ Peach and Quiet
Gesplitst complementair +150° +210°
- A8E8CB
Tropical
- EBC9FB
≈ Aquarelle Lilac
- FFC7CA
≈ Sweet Memories
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.39:1 · APCA Lc 19
Ag
AAAOp zwart
WCAG 15.06:1 · APCA Lc 84
Beste tekstkleur: #000000
WCAG 15.06:1 (AAA) · APCA Lc 84
Contrast pairs
Codefragmenten
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);
}