Màu có tên · #83BAA8
Patina Hue
Patina Hue là #83BAA8: rgb(131 186 168), hsl(160 28% 62%), oklch(0.745 0.063 172.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Teal mean? → · Patina Hue color name →
#83BAA8
oklch(0.745 0.063 172.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 90C1B0
- 9CC8B9
- A9CFC1
- B5D5CA
- C1DCD3
- CEE3DB
- DAEAE4
- E6F1ED
- F3F8F6
Sắc đậm
- 71A192
- 60897C
- 4F7267
- 3F5C52
- 2F463F
- 20322C
- 121E1A
- 060D0A
- 010201
Sắc xám
- 83B4A4
- 83AEA0
- 83A89C
- 83A398
- 839D94
- 839790
- 82918C
- 828B88
- 818684
Hòa sắc
Bổ túc +180°
- 83BAA8
Patina Hue
- CD9CB1
≈ Lady’s Cushions Pink
Tương đồng -30° +30°
- 83BAA8
Patina Hue
- 96B792
≈ Brookview
- 7CB9BE
≈ Coastal Fringe
Bộ ba +120° +240°
- 83BAA8
Patina Hue
- ADA6D2
≈ Milky Lavender
- CEA288
≈ Sienna Buff
Bổ túc chia +150° +210°
- 83BAA8
Patina Hue
- C0A0C5
≈ Pale Grape
- D29D9A
≈ Savoury Salmon
Bộ bốn +90° +180° +270°
- 83BAA8
Patina Hue
- 97ADD5
≈ Lazy Day
- CD9CB1
≈ Lady’s Cushions Pink
- C1A97F
≈ Antiquity
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.55:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
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);
}