가장 가까운 이름 색상 · #85C5C2
#85C5C2
가장 가까운 이름 색상: Riverbed
#85C5C2(rgb(133 197 194), hsl(177 36% 65%), oklch(0.78 0.065 192.2))와 가장 가까운 이름 색상은 Riverbed입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#85C5C2
oklch(0.78 0.065 192.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 92CBC8
- 9ED1CE
- ABD6D4
- B7DCDA
- C3E2E0
- CFE8E6
- DBEEEC
- E7F3F3
- F3F9F9
셰이드
- 73ABA8
- 61928F
- 507977
- 406160
- 304B49
- 213534
- 132120
- 060E0E
- 010202
톤
- 85BEBB
- 85B7B4
- 85B0AE
- 85A9A7
- 85A2A0
- 849B9A
- 839493
- 828E8D
- 818786
색 조화
보색 +180°
- 85C5C2
Riverbed
- DEA7AC
≈ Prom
유사색 -30° +30°
- 85C5C2
Riverbed
- 92C5AB
≈ Spearmint Frosting
- 88C1D5
≈ Dreaming Blue
삼각 배색 +120° +240°
- 85C5C2
Riverbed
- C6ACD6
≈ Darling Lilac
- D2B189
≈ Cracker Bitz
분열 보색 +150° +210°
- 85C5C2
Riverbed
- D6A7C3
≈ Rhubarb Gin
- DCAA97
≈ Perrigloss Tan
사각 배색 +90° +180° +270°
- 85C5C2
Riverbed
- B0B3E1
≈ Beloved
- DEA7AC
≈ Prom
- BFB989
≈ Baby Bok Choy
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.95:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.76:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.76:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
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);
}