Dichtstbijzijnde benoemde kleur · #77B9B7
#77B9B7
Dichtstbijzijnde benoemde kleur: Riverbed
#77B9B7 (rgb(119 185 183), hsl(178 32% 60%), oklch(0.741 0.067 193.4)) komt het dichtst bij de benoemde kleur Riverbed. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#77B9B7
oklch(0.741 0.067 193.4)
Kleurconversies
- HEX
- #77b9b7
- RGB
- rgb(119 185 183)
- HSL
- hsl(178 32% 60%)
- HWB
- hwb(178 47% 27%)
- OKLCH
- oklch(0.741 0.067 193.4)
- OKLab
- oklab(0.741 -0.065 -0.016)
- CIE Lab
- lab(70.7 -22.2 -6.02)
- LCH
- lch(70.7 23 195.2)
- CMYK
- cmyk(36% 0% 1% 27%)
Tinten · Schaduwen · Tonen
Tinten
- 85C0BE
- 93C7C5
- A1CECC
- AFD5D3
- BCDCDA
- C9E3E2
- D7EAE9
- E4F1F0
- F2F8F8
Schaduwen
- 67A09F
- 578987
- 477170
- 385B5A
- 2A4645
- 1C3131
- 101E1E
- 050D0C
- 010202
Tonen
- 79B3B1
- 7BADAC
- 7CA8A6
- 7DA2A1
- 7E9C9B
- 7F9796
- 7F9190
- 808B8B
- 808685
Kleurharmonieën
Complementair +180°
- 77B9B7
Riverbed
- D29A9F
≈ Tobermory
Analoog -30° +30°
- 77B9B7
Riverbed
- 84B99F
≈ Froggy Pond
- 7BB5CB
≈ Alpine Sky
Triadisch +120° +240°
- 77B9B7
Riverbed
- BA9FCA
≈ Purple Prophet
- C5A57C
≈ Medallion
Gesplitst complementair +150° +210°
- 77B9B7
Riverbed
- CA9BB6
≈ Morning Glory Pink
- D09E89
≈ Dusty Coral
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.23:1 · APCA Lc 44
Ag
AAAOp zwart
WCAG 9.40:1 · APCA Lc 58
Beste tekstkleur: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Codefragmenten
CSS
:root {
--riverbed: #77b9b7;
--riverbed-rgb: 119 185 183;
--riverbed-oklch: oklch(0.741 0.067 193.4);
}
.element {
color: var(--riverbed);
background-color: hsl(178 32% 60%);
border-color: oklch(0.741 0.067 193.4);
}Tailwind CSS v4
@theme {
--color-riverbed: #77b9b7;
--color-riverbed-50: #e0fcfb;
--color-riverbed-100: #cfefef;
--color-riverbed-200: #b4dedd;
--color-riverbed-300: #8fc3c2;
--color-riverbed-400: #6dabaa;
--color-riverbed-500: #4a9493;
--color-riverbed-600: #407e7c;
--color-riverbed-700: #336463;
--color-riverbed-800: #244a48;
--color-riverbed-900: #183332;
--color-riverbed-950: #081f1e;
}SCSS
$riverbed: #77b9b7;
$riverbed-rgb: 119, 185, 183;
$riverbed-light: mix(#fff, $riverbed, 20%);
$riverbed-dark: mix(#000, $riverbed, 20%);
.element {
color: $riverbed;
box-shadow: 0 0 0 2px rgba($riverbed, 0.35);
}