Màu có tên gần nhất · #81B5C1
#81B5C1
Màu có tên gần nhất: Glacier
#81B5C1 (rgb(129 181 193), hsl(191 34% 63%), oklch(0.741 0.057 213.6)) gần nhất với màu có tên Glacier. 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.
#81B5C1
oklch(0.741 0.057 213.6)
Chuyển đổi màu
- HEX
- #81b5c1
- RGB
- rgb(129 181 193)
- HSL
- hsl(191 34% 63%)
- HWB
- hwb(191 51% 24%)
- OKLCH
- oklch(0.741 0.057 213.6)
- OKLab
- oklab(0.741 -0.048 -0.032)
- CIE Lab
- lab(70.35 -15.52 -11.92)
- LCH
- lch(70.35 19.57 217.5)
- CMYK
- cmyk(33% 6% 0% 24%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 8EBCC7
- 9AC4CD
- A7CBD3
- B4D2DA
- C0DAE0
- CDE1E6
- D9E9EC
- E6F0F2
- F2F7F9
Sắc đậm
- 6F9DA7
- 5E868F
- 4E6F77
- 3E595F
- 2E4449
- 1F3034
- 121D20
- 060C0E
- 010202
Sắc xám
- 81B0BA
- 82AAB4
- 82A5AD
- 82A0A7
- 829AA0
- 82959A
- 829093
- 818A8D
- 818586
Hòa sắc
Bổ túc +180°
- 81B5C1
Glacier
- CC9F94
≈ Musk
Tương đồng -30° +30°
- 81B5C1
Glacier
- 82B7AF
≈ Winter Surf
- 8DB0CD
≈ Matte Blue
Bộ ba +120° +240°
- 81B5C1
Glacier
- C29EBA
≈ Idyllic Pink
- B7AB82
≈ Tarragon Tease
Bổ túc chia +150° +210°
- 81B5C1
Glacier
- CB9DA7
≈ Edwardian Rose
- C5A486
≈ Deer Valley
Bộ bốn +90° +180° +270°
- 81B5C1
Glacier
- B2A3C9
≈ Berry Frappé
- CC9F94
≈ Musk
- A4B28A
≈ Haven
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.25:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.31:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--glacier: #81b5c1;
--glacier-rgb: 129 181 193;
--glacier-oklch: oklch(0.741 0.057 213.6);
}
.element {
color: var(--glacier);
background-color: hsl(191 34% 63%);
border-color: oklch(0.741 0.057 213.6);
}Tailwind CSS v4
@theme {
--color-glacier: #81b5c1;
--color-glacier-50: #e4faff;
--color-glacier-100: #d4edf4;
--color-glacier-200: #badbe4;
--color-glacier-300: #97bfca;
--color-glacier-400: #77a8b3;
--color-glacier-500: #57909d;
--color-glacier-600: #4a7a85;
--color-glacier-700: #3b626a;
--color-glacier-800: #2a484e;
--color-glacier-900: #1c3236;
--color-glacier-950: #0c1e21;
}SCSS
$glacier: #81b5c1;
$glacier-rgb: 129, 181, 193;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}