Màu có tên gần nhất · #79BFCD
#79BFCD
Màu có tên gần nhất: Wavelet
#79BFCD (rgb(121 191 205), hsl(190 46% 64%), oklch(0.763 0.073 211.7)) gần nhất với màu có tên Wavelet. 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.
#79BFCD
oklch(0.763 0.073 211.7)
Chuyển đổi màu
- HEX
- #79bfcd
- RGB
- rgb(121 191 205)
- HSL
- hsl(190 46% 64%)
- HWB
- hwb(190 47% 20%)
- OKLCH
- oklch(0.763 0.073 211.7)
- OKLab
- oklab(0.763 -0.062 -0.038)
- CIE Lab
- lab(73.09 -20.23 -14.41)
- LCH
- lch(73.09 24.84 215.5)
- CMYK
- cmyk(41% 7% 0% 20%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 87C5D2
- 95CCD7
- A3D2DC
- B0D9E1
- BEDFE6
- CBE5EB
- D8ECF0
- E5F2F5
- F2F9FA
Sắc đậm
- 68A6B2
- 588D98
- 48757E
- 395E66
- 2B484E
- 1D3338
- 101F23
- 050D0F
- 010202
Sắc xám
- 7BB9C5
- 7CB2BD
- 7EACB5
- 7FA6AE
- 7F9FA6
- 80999E
- 809397
- 808C8F
- 808687
Hòa sắc
Bổ túc +180°
- 79BFCD
Wavelet
- DDA195
≈ Quiet Pink
Tương đồng -30° +30°
- 79BFCD
Wavelet
- 7CC2B5
≈ Pale Jade
- 89B8DD
≈ Goluboy Blue
Bộ ba +120° +240°
- 79BFCD
Wavelet
- CEA1C7
≈ Geranium Bud
- C3B17C
≈ Fresh Peas
Bổ túc chia +150° +210°
- 79BFCD
Wavelet
- DA9FAF
≈ Faded Pink
- D5A882
≈ Maple Tan
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.06:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.14:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.14:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--wavelet: #79bfcd;
--wavelet-rgb: 121 191 205;
--wavelet-oklch: oklch(0.763 0.073 211.7);
}
.element {
color: var(--wavelet);
background-color: hsl(190 46% 64%);
border-color: oklch(0.763 0.073 211.7);
}Tailwind CSS v4
@theme {
--color-wavelet: #79bfcd;
--color-wavelet-50: #dffbff;
--color-wavelet-100: #cdeff7;
--color-wavelet-200: #b1dde7;
--color-wavelet-300: #8cc2ce;
--color-wavelet-400: #69aab7;
--color-wavelet-500: #4493a2;
--color-wavelet-600: #3a7c89;
--color-wavelet-700: #2f646e;
--color-wavelet-800: #204950;
--color-wavelet-900: #153338;
--color-wavelet-950: #061e22;
}SCSS
$wavelet: #79bfcd;
$wavelet-rgb: 121, 191, 205;
$wavelet-light: mix(#fff, $wavelet, 20%);
$wavelet-dark: mix(#000, $wavelet, 20%);
.element {
color: $wavelet;
box-shadow: 0 0 0 2px rgba($wavelet, 0.35);
}