Màu có tên gần nhất · #82AFBE
#82AFBE
Màu có tên gần nhất: Open Seas
#82AFBE (rgb(130 175 190), hsl(195 32% 63%), oklch(0.727 0.053 220.4)) gần nhất với màu có tên Open Seas. 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.
#82AFBE
oklch(0.727 0.053 220.4)
Chuyển đổi màu
- HEX
- #82afbe
- RGB
- rgb(130 175 190)
- HSL
- hsl(195 32% 63%)
- HWB
- hwb(195 51% 25%)
- OKLCH
- oklch(0.727 0.053 220.4)
- OKLab
- oklab(0.727 -0.04 -0.034)
- CIE Lab
- lab(68.62 -12.86 -12.83)
- LCH
- lch(68.62 18.16 224.9)
- CMYK
- cmyk(32% 8% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8EB7C4
- 9BBFCB
- A7C7D1
- B4CFD8
- C0D7DE
- CDDFE5
- D9E7EB
- E6EFF2
- F2F7F8
Sắc đậm
- 7098A5
- 5F818C
- 4E6B75
- 3E565E
- 2F4148
- 202E33
- 121C1F
- 060B0D
- 010102
Sắc xám
- 82AAB8
- 82A6B1
- 82A1AB
- 829CA5
- 82979F
- 829398
- 828E92
- 81898C
- 818586
Hòa sắc
Bổ túc +180°
- 82AFBE
Open Seas
- C59C8E
≈ Mahogany Rose
Tương đồng -30° +30°
- 82AFBE
Open Seas
- 80B2AE
≈ Cold Front Green
- 8EAAC7
≈ Bachelor Blue
Bộ ba +120° +240°
- 82AFBE
Open Seas
- BE9AB1
≈ Cherished
- AEA882
≈ Green Grey Mist
Bổ túc chia +150° +210°
- 82AFBE
Open Seas
- C59A9F
≈ Rose Meadow
- BCA283
≈ Basketry
Bộ bốn +90° +180° +270°
- 82AFBE
Open Seas
- B19EC0
≈ Iris Blossom
- C59C8E
≈ Mahogany Rose
- 9CAE8B
≈ Cardoon
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.37:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.82:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--open-seas: #82afbe;
--open-seas-rgb: 130 175 190;
--open-seas-oklch: oklch(0.727 0.053 220.4);
}
.element {
color: var(--open-seas);
background-color: hsl(195 32% 63%);
border-color: oklch(0.727 0.053 220.4);
}Tailwind CSS v4
@theme {
--color-open-seas: #82afbe;
--color-open-seas-50: #e6f9ff;
--color-open-seas-100: #d6ecf5;
--color-open-seas-200: #bddae5;
--color-open-seas-300: #9bbecb;
--color-open-seas-400: #7ca6b4;
--color-open-seas-500: #5e8f9f;
--color-open-seas-600: #507986;
--color-open-seas-700: #3f616b;
--color-open-seas-800: #2d474f;
--color-open-seas-900: #1e3137;
--color-open-seas-950: #0e1d22;
}SCSS
$open-seas: #82afbe;
$open-seas-rgb: 130, 175, 190;
$open-seas-light: mix(#fff, $open-seas, 20%);
$open-seas-dark: mix(#000, $open-seas, 20%);
.element {
color: $open-seas;
box-shadow: 0 0 0 2px rgba($open-seas, 0.35);
}