En yakın adlandırılmış renk · #85C5C2
#85C5C2
En yakın adlandırılmış renk: Riverbed
#85C5C2 (rgb(133 197 194), hsl(177 36% 65%), oklch(0.78 0.065 192.2)) 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.
#85C5C2
oklch(0.78 0.065 192.2)
Renk dönüşümleri
- HEX
- #85c5c2
- RGB
- rgb(133 197 194)
- HSL
- hsl(177 36% 65%)
- HWB
- hwb(177 52% 23%)
- OKLCH
- oklch(0.78 0.065 192.2)
- OKLab
- oklab(0.78 -0.064 -0.014)
- CIE Lab
- lab(75.15 -21.7 -5.36)
- LCH
- lch(75.15 22.35 193.9)
- CMYK
- cmyk(32% 0% 2% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 92CBC8
- 9ED1CE
- ABD6D4
- B7DCDA
- C3E2E0
- CFE8E6
- DBEEEC
- E7F3F3
- F3F9F9
Koyu tonlar
- 73ABA8
- 61928F
- 507977
- 406160
- 304B49
- 213534
- 132120
- 060E0E
- 010202
Gri tonlar
- 85BEBB
- 85B7B4
- 85B0AE
- 85A9A7
- 85A2A0
- 849B9A
- 839493
- 828E8D
- 818786
Renk uyumları
Tamamlayıcı +180°
- 85C5C2
Riverbed
- DEA7AC
≈ Prom
Analog -30° +30°
- 85C5C2
Riverbed
- 92C5AB
≈ Spearmint Frosting
- 88C1D5
≈ Dreaming Blue
Üçlü +120° +240°
- 85C5C2
Riverbed
- C6ACD6
≈ Darling Lilac
- D2B189
≈ Cracker Bitz
Bölünmüş tamamlayıcı +150° +210°
- 85C5C2
Riverbed
- D6A7C3
≈ Rhubarb Gin
- DCAA97
≈ Perrigloss Tan
Dörtlü +90° +180° +270°
- 85C5C2
Riverbed
- B0B3E1
≈ Beloved
- DEA7AC
≈ Prom
- BFB989
≈ Baby Bok Choy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.76:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--riverbed: #85c5c2;
--riverbed-rgb: 133 197 194;
--riverbed-oklch: oklch(0.78 0.065 192.2);
}
.element {
color: var(--riverbed);
background-color: hsl(177 36% 65%);
border-color: oklch(0.78 0.065 192.2);
}Tailwind CSS v4
@theme {
--color-riverbed: #85c5c2;
--color-riverbed-50: #e1fbfb;
--color-riverbed-100: #d0efee;
--color-riverbed-200: #b5dedc;
--color-riverbed-300: #90c2c1;
--color-riverbed-400: #6faba8;
--color-riverbed-500: #4d9491;
--color-riverbed-600: #427d7b;
--color-riverbed-700: #356462;
--color-riverbed-800: #254a47;
--color-riverbed-900: #193331;
--color-riverbed-950: #091f1d;
}SCSS
$riverbed: #85c5c2;
$riverbed-rgb: 133, 197, 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);
}