Benoemde kleur · #189FAC
Riviera
Riviera is #189FAC: rgb(24 159 172), hsl(185 76% 38%), oklch(0.643 0.106 205.5). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Cyan mean? → · Riviera color name →
#189FAC
oklch(0.643 0.106 205.5)
Kleurconversies
- HEX
- #189fac
- RGB
- rgb(24 159 172)
- HSL
- hsl(185 76% 38%)
- HWB
- hwb(185 9% 33%)
- OKLCH
- oklch(0.643 0.106 205.5)
- OKLab
- oklab(0.643 -0.096 -0.046)
- CIE Lab
- lab(59.49 -31.13 -16.96)
- LCH
- lch(59.49 35.45 208.6)
- CMYK
- cmyk(86% 8% 0% 33%)
Tinten · Schaduwen · Tonen
Tinten
- 41A9B4
- 5CB2BC
- 73BCC5
- 88C5CD
- 9DCFD5
- B1D9DD
- C4E2E6
- D8ECEE
- ECF5F7
Schaduwen
- 138A95
- 0F757F
- 0A6169
- 074D54
- 043B40
- 02292D
- 01181B
- 00090B
- 000101
Tonen
- 319CA8
- 4199A3
- 4D969F
- 57939A
- 609096
- 678D92
- 6E8A8D
- 758789
- 7B8384
Kleurharmonieën
Complementair +180°
- 189FAC
Riviera
- C5726B
≈ Red Sparowes
Analoog -30° +30°
- 189FAC
Riviera
- 31A28A
≈ Stamp Pad Green
- 4297C4
≈ Stratos Blue
Triadisch +120° +240°
- 189FAC
Riviera
- AE76B0
≈ Moonlight Melody
- AA8838
≈ Porchetta Crust
Gesplitst complementair +150° +210°
- 189FAC
Riviera
- C07190
≈ Prehistoric Pink
- BE7B4A
≈ Chai Spice
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.18:1 · APCA Lc 59
Ag
AAOp zwart
WCAG 6.59:1 · APCA Lc 43
Beste tekstkleur: #000000
WCAG 6.59:1 (AA) · APCA Lc 43
Contrast pairs
Codefragmenten
CSS
:root {
--riviera: #189fac;
--riviera-rgb: 24 159 172;
--riviera-oklch: oklch(0.643 0.106 205.5);
}
.element {
color: var(--riviera);
background-color: hsl(185 76% 38%);
border-color: oklch(0.643 0.106 205.5);
}Tailwind CSS v4
@theme {
--color-riviera: #189fac;
--color-riviera-50: #d3feff;
--color-riviera-100: #c0f3fa;
--color-riviera-200: #9ee2ec;
--color-riviera-300: #71c7d3;
--color-riviera-400: #40b0bd;
--color-riviera-500: #0099a8;
--color-riviera-600: #00828e;
--color-riviera-700: #006872;
--color-riviera-800: #004d53;
--color-riviera-900: #00353a;
--color-riviera-950: #002024;
}SCSS
$riviera: #189fac;
$riviera-rgb: 24, 159, 172;
$riviera-light: mix(#fff, $riviera, 20%);
$riviera-dark: mix(#000, $riviera, 20%);
.element {
color: $riviera;
box-shadow: 0 0 0 2px rgba($riviera, 0.35);
}