En yakın adlandırılmış renk · #86BFC2
#86BFC2
En yakın adlandırılmış renk: Riverbed
#86BFC2 (rgb(134 191 194), hsl(183 33% 64%), oklch(0.767 0.059 200.1)) en çok Riverbed adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#86BFC2
oklch(0.767 0.059 200.1)
Renk dönüşümleri
- HEX
- #86bfc2
- RGB
- rgb(134 191 194)
- HSL
- hsl(183 33% 64%)
- HWB
- hwb(183 53% 24%)
- OKLCH
- oklch(0.767 0.059 200.1)
- OKLab
- oklab(0.767 -0.055 -0.02)
- CIE Lab
- lab(73.5 -18.61 -7.78)
- LCH
- lch(73.5 20.17 202.7)
- CMYK
- cmyk(31% 2% 0% 24%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92C5C8
- 9FCCCE
- ABD2D4
- B7D8DA
- C3DFE0
- CFE5E6
- DBECEC
- E7F2F3
- F3F9F9
Koyu tonlar
- 74A6A8
- 628D8F
- 517577
- 405E60
- 304849
- 213334
- 131F20
- 060D0E
- 010202
Gri tonlar
- 86B9BB
- 86B2B4
- 86ACAE
- 85A5A7
- 859FA0
- 84999A
- 839393
- 828C8D
- 818686
Renk uyumları
Tamamlayıcı +180°
- 86BFC2
Riverbed
- D6A5A3
≈ La Vie en Rose
Analog -30° +30°
- 86BFC2
Riverbed
- 8EC0AD
≈ Spearmint Frosting
- 8DBBD2
≈ Bonnie Blue
Üçlü +120° +240°
- 86BFC2
Riverbed
- C4A7CB
≈ Feminine Fancy
- C7B089
≈ Cappuccino Froth
Bölünmüş tamamlayıcı +150° +210°
- 86BFC2
Riverbed
- D1A4B8
≈ Gizmo
- D3A992
≈ Regina Peach
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.24:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.24:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
CSS
:root {
--riverbed: #86bfc2;
--riverbed-rgb: 134 191 194;
--riverbed-oklch: oklch(0.767 0.059 200.1);
}
.element {
color: var(--riverbed);
background-color: hsl(183 33% 64%);
border-color: oklch(0.767 0.059 200.1);
}Tailwind CSS v4
@theme {
--color-riverbed: #86bfc2;
--color-riverbed-50: #e3fbfc;
--color-riverbed-100: #d2eef0;
--color-riverbed-200: #b8dcdf;
--color-riverbed-300: #94c1c4;
--color-riverbed-400: #74a9ac;
--color-riverbed-500: #539296;
--color-riverbed-600: #477c7f;
--color-riverbed-700: #396365;
--color-riverbed-800: #28494a;
--color-riverbed-900: #1b3233;
--color-riverbed-950: #0b1e1f;
}SCSS
$riverbed: #86bfc2;
$riverbed-rgb: 134, 191, 194;
$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);
}