이름 색상 · #83BAA8
Patina Hue
Patina Hue은(는) #83BAA8: rgb(131 186 168), hsl(160 28% 62%), oklch(0.745 0.063 172.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Patina Hue color name →
#83BAA8
oklch(0.745 0.063 172.2)
색상 변환
- HEX
- #83baa8
- RGB
- rgb(131 186 168)
- HSL
- hsl(160 28% 62%)
- HWB
- hwb(160 51% 27%)
- OKLCH
- oklch(0.745 0.063 172.2)
- OKLab
- oklab(0.745 -0.063 0.009)
- CIE Lab
- lab(71.3 -21.64 3.09)
- LCH
- lch(71.3 21.86 171.9)
- CMYK
- cmyk(30% 0% 10% 27%)
틴트 · 셰이드 · 톤
틴트
- 90C1B0
- 9CC8B9
- A9CFC1
- B5D5CA
- C1DCD3
- CEE3DB
- DAEAE4
- E6F1ED
- F3F8F6
셰이드
- 71A192
- 60897C
- 4F7267
- 3F5C52
- 2F463F
- 20322C
- 121E1A
- 060D0A
- 010201
톤
- 83B4A4
- 83AEA0
- 83A89C
- 83A398
- 839D94
- 839790
- 82918C
- 828B88
- 818684
색 조화
보색 +180°
- 83BAA8
Patina Hue
- CD9CB1
≈ Lady’s Cushions Pink
유사색 -30° +30°
- 83BAA8
Patina Hue
- 96B792
≈ Brookview
- 7CB9BE
≈ Coastal Fringe
삼각 배색 +120° +240°
- 83BAA8
Patina Hue
- ADA6D2
≈ Milky Lavender
- CEA288
≈ Sienna Buff
분열 보색 +150° +210°
- 83BAA8
Patina Hue
- C0A0C5
≈ Pale Grape
- D29D9A
≈ Savoury Salmon
사각 배색 +90° +180° +270°
- 83BAA8
Patina Hue
- 97ADD5
≈ Lazy Day
- CD9CB1
≈ Lady’s Cushions Pink
- C1A97F
≈ Antiquity
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.19:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.55:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--patina-hue: #83baa8;
--patina-hue-rgb: 131 186 168;
--patina-hue-oklch: oklch(0.745 0.063 172.2);
}
.element {
color: var(--patina-hue);
background-color: hsl(160 28% 62%);
border-color: oklch(0.745 0.063 172.2);
}Tailwind CSS v4
@theme {
--color-patina-hue: #83baa8;
--color-patina-hue-50: #e4fbf4;
--color-patina-hue-100: #d3efe6;
--color-patina-hue-200: #b9ded2;
--color-patina-hue-300: #96c2b5;
--color-patina-hue-400: #78ab9a;
--color-patina-hue-500: #589481;
--color-patina-hue-600: #4b7d6e;
--color-patina-hue-700: #3c6458;
--color-patina-hue-800: #2b4a3f;
--color-patina-hue-900: #1d332b;
--color-patina-hue-950: #0d1f19;
}SCSS
$patina-hue: #83baa8;
$patina-hue-rgb: 131, 186, 168;
$patina-hue-light: mix(#fff, $patina-hue, 20%);
$patina-hue-dark: mix(#000, $patina-hue, 20%);
.element {
color: $patina-hue;
box-shadow: 0 0 0 2px rgba($patina-hue, 0.35);
}