Màu có tên gần nhất · #74C4CF
#74C4CF
Màu có tên gần nhất: Wavelet
#74C4CF (rgb(116 196 207), hsl(187 49% 63%), oklch(0.773 0.08 206.9)) 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.
#74C4CF
oklch(0.773 0.08 206.9)
Chuyển đổi màu
- HEX
- #74c4cf
- RGB
- rgb(116 196 207)
- HSL
- hsl(187 49% 63%)
- HWB
- hwb(187 45% 19%)
- OKLCH
- oklch(0.773 0.08 206.9)
- OKLab
- oklab(0.773 -0.071 -0.036)
- CIE Lab
- lab(74.34 -23.47 -13.66)
- LCH
- lch(74.34 27.16 210.2)
- CMYK
- cmyk(44% 5% 0% 19%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 83CAD4
- 92D0D9
- A0D6DD
- AEDCE2
- BCE2E7
- CAE8EC
- D7EDF1
- E4F3F5
- F2F9FA
Sắc đậm
- 64AAB4
- 549199
- 45787F
- 376167
- 294A4F
- 1B3538
- 0F2123
- 050E10
- 010202
Sắc xám
- 77BDC7
- 79B6BF
- 7BAFB7
- 7DA9AF
- 7EA2A7
- 7F9B9F
- 7F9497
- 808D8F
- 808788
Hòa sắc
Bổ túc +180°
- 74C4CF
Wavelet
- E4A29A
≈ Cuticle Pink
Tương đồng -30° +30°
- 74C4CF
Wavelet
- 7BC6B4
≈ Monte Carlo
- 83BDE2
≈ C’est la Vie
Bộ ba +120° +240°
- 74C4CF
Wavelet
- D1A4D0
≈ Favourite Lavender
- CBB279
≈ Aged Seagrass
Bổ túc chia +150° +210°
- 74C4CF
Wavelet
- E0A0B6
≈ Blushing Tulip
- DDA983
≈ Lunatic Lynx
Bộ bốn +90° +180° +270°
- 74C4CF
Wavelet
- BAABE3
≈ Perfume
- E4A29A
≈ Cuticle Pink
- B1BC81
≈ Nile
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.99:1 · APCA Lc 38
Ag
AAATrên nền đen
WCAG 10.53:1 · APCA Lc 64
Màu chữ tốt nhất: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Đoạn mã
CSS
:root {
--wavelet: #74c4cf;
--wavelet-rgb: 116 196 207;
--wavelet-oklch: oklch(0.773 0.08 206.9);
}
.element {
color: var(--wavelet);
background-color: hsl(187 49% 63%);
border-color: oklch(0.773 0.08 206.9);
}Tailwind CSS v4
@theme {
--color-wavelet: #74c4cf;
--color-wavelet-50: #dcfcff;
--color-wavelet-100: #caf0f6;
--color-wavelet-200: #addee7;
--color-wavelet-300: #86c3cd;
--color-wavelet-400: #61acb6;
--color-wavelet-500: #3795a1;
--color-wavelet-600: #317e88;
--color-wavelet-700: #27656d;
--color-wavelet-800: #1a4a4f;
--color-wavelet-900: #113437;
--color-wavelet-950: #031f22;
}SCSS
$wavelet: #74c4cf;
$wavelet-rgb: 116, 196, 207;
$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);
}