Benoemde kleur · #84FBCE
Olo
Olo is #84FBCE: rgb(132 251 206), hsl(157 94% 75%), oklch(0.906 0.126 166.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Green mean? → · Olo color name →
#84FBCE
oklch(0.906 0.126 166.8)
Kleurconversies
- HEX
- #84fbce
- RGB
- rgb(132 251 206)
- HSL
- hsl(157 94% 75%)
- HWB
- hwb(157 52% 2%)
- OKLCH
- oklch(0.906 0.126 166.8)
- OKLab
- oklab(0.906 -0.123 0.029)
- CIE Lab
- lab(90.79 -43.05 10.74)
- LCH
- lch(90.79 44.37 166)
- CMYK
- cmyk(47% 0% 18% 2%)
Tinten · Schaduwen · Tonen
Tinten
- 93FCD3
- A2FCD8
- AFFDDD
- BCFDE2
- C8FEE6
- D3FEEB
- DFFEF0
- EAFFF5
- F4FFFA
Schaduwen
- 72DAB3
- 60BA98
- 4F9C7F
- 3F7E66
- 2F614E
- 204638
- 122D23
- 06150F
- 010302
Tonen
- 86EEC6
- 88E2BE
- 88D5B6
- 89C9AE
- 88BCA6
- 87B09F
- 86A497
- 85988F
- 828C88
Kleurharmonieën
Complementair +180°
- 84FBCE
Olo
- FFD1E8
≈ Poplar Pink
Analoog -30° +30°
Triadisch +120° +240°
Gesplitst complementair +150° +210°
- 84FBCE
Olo
- F3D3FF
≈ Sassy Pink
- FFD4D5
≈ Pink Clay
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.25:1 · APCA Lc 13
Ag
AAAOp zwart
WCAG 16.67:1 · APCA Lc 91
Beste tekstkleur: #000000
WCAG 16.67:1 (AAA) · APCA Lc 91
Contrast pairs
Codefragmenten
CSS
:root {
--olo: #84fbce;
--olo-rgb: 132 251 206;
--olo-oklch: oklch(0.906 0.126 166.8);
}
.element {
color: var(--olo);
background-color: hsl(157 94% 75%);
border-color: oklch(0.906 0.126 166.8);
}Tailwind CSS v4
@theme {
--color-olo: #84fbce;
--color-olo-50: #d3ffef;
--color-olo-100: #bff6e0;
--color-olo-200: #9ee6cb;
--color-olo-300: #70ccac;
--color-olo-400: #42b68e;
--color-olo-500: #00a074;
--color-olo-600: #008762;
--color-olo-700: #006c4e;
--color-olo-800: #005037;
--color-olo-900: #003726;
--color-olo-950: #002214;
}SCSS
$olo: #84fbce;
$olo-rgb: 132, 251, 206;
$olo-light: mix(#fff, $olo, 20%);
$olo-dark: mix(#000, $olo, 20%);
.element {
color: $olo;
box-shadow: 0 0 0 2px rgba($olo, 0.35);
}