Màu có tên gần nhất · #78B5C0
#78B5C0
Màu có tên gần nhất: Glacier
#78B5C0 (rgb(120 181 192), hsl(189 36% 61%), oklch(0.735 0.065 210.1)) 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.
#78B5C0
oklch(0.735 0.065 210.1)
Chuyển đổi màu
- HEX
- #78b5c0
- RGB
- rgb(120 181 192)
- HSL
- hsl(189 36% 61%)
- HWB
- hwb(189 47% 25%)
- OKLCH
- oklch(0.735 0.065 210.1)
- OKLab
- oklab(0.735 -0.056 -0.032)
- CIE Lab
- lab(69.82 -18.34 -12.21)
- LCH
- lch(69.82 22.03 213.7)
- CMYK
- cmyk(38% 6% 0% 25%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 86BCC6
- 94C4CC
- A1CBD3
- AFD2D9
- BCDADF
- CAE1E6
- D7E9EC
- E4F0F2
- F2F8F9
Sắc đậm
- 679DA7
- 57868E
- 486F76
- 39595F
- 2A4449
- 1D3034
- 101D20
- 050C0E
- 010202
Sắc xám
- 7AB0B9
- 7BAAB3
- 7CA5AC
- 7DA0A6
- 7E9AA0
- 7F9599
- 7F9093
- 808B8D
- 808586
Hòa sắc
Bổ túc +180°
- 78B5C0
Glacier
- CF9B91
≈ Nectarine Spice
Tương đồng -30° +30°
- 78B5C0
Glacier
- 7BB7AB
≈ Mint Bonbon Green
- 84AFCF
≈ Mini Bay
Bộ ba +120° +240°
- 78B5C0
Glacier
- C19BBD
≈ Lupine
- B9A87A
≈ Texas Sage
Bổ túc chia +150° +210°
- 78B5C0
Glacier
- CD99A8
≈ Honey Pink
- C8A080
≈ Rodeo Dust
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.29:1 · APCA Lc 45
Ag
AAATrên nền đen
WCAG 9.16:1 · APCA Lc 57
Màu chữ tốt nhất: #000000
WCAG 9.16:1 (AAA) · APCA Lc 57
Contrast pairs
Đoạn mã
CSS
:root {
--glacier: #78b5c0;
--glacier-rgb: 120 181 192;
--glacier-oklch: oklch(0.735 0.065 210.1);
}
.element {
color: var(--glacier);
background-color: hsl(189 36% 61%);
border-color: oklch(0.735 0.065 210.1);
}Tailwind CSS v4
@theme {
--color-glacier: #78b5c0;
--color-glacier-50: #e1fbff;
--color-glacier-100: #d0eef5;
--color-glacier-200: #b6dce4;
--color-glacier-300: #91c1cb;
--color-glacier-400: #70a9b4;
--color-glacier-500: #4e929e;
--color-glacier-600: #437c85;
--color-glacier-700: #35636b;
--color-glacier-800: #25494e;
--color-glacier-900: #193236;
--color-glacier-950: #091e21;
}SCSS
$glacier: #78b5c0;
$glacier-rgb: 120, 181, 192;
$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);
}