Màu có tên gần nhất · #38AC9C
#38AC9C
Màu có tên gần nhất: Waterfall
#38AC9C (rgb(56 172 156), hsl(172 51% 45%), oklch(0.676 0.105 182.1)) gần nhất với màu có tên Waterfall. 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.
#38AC9C
oklch(0.676 0.105 182.1)
Chuyển đổi màu
- HEX
- #38ac9c
- RGB
- rgb(56 172 156)
- HSL
- hsl(172 51% 45%)
- HWB
- hwb(172 22% 33%)
- OKLCH
- oklch(0.676 0.105 182.1)
- OKLab
- oklab(0.676 -0.105 -0.004)
- CIE Lab
- lab(63.73 -36.44 -1.71)
- LCH
- lch(63.73 36.48 182.7)
- CMYK
- cmyk(67% 0% 9% 33%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 53B4A5
- 6ABDAF
- 7FC5B9
- 92CDC3
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
Sắc đậm
- 2F9587
- 277F73
- 1F695F
- 17544C
- 0F4039
- 082D28
- 041B18
- 010B09
- 000101
Sắc xám
- 46A899
- 50A396
- 599F93
- 619B91
- 67968E
- 6D928B
- 738E88
- 788986
- 7C8583
Hòa sắc
Bổ túc +180°
- 38AC9C
Waterfall
- CC7B92
≈ Wild Rose
Tương đồng -30° +30°
- 38AC9C
Waterfall
- 62AA77
≈ Green Tea Candy
- 32A8BD
≈ Explore Blue
Bộ ba +120° +240°
- 38AC9C
Waterfall
- A387CD
≈ Lilac Purple
- C5884F
≈ Tassel
Bổ túc chia +150° +210°
- 38AC9C
Waterfall
- BD7FB4
≈ Colombo Red Mauve
- CF7E6E
≈ Tawny Orange
Bộ bốn +90° +180° +270°
- 38AC9C
Waterfall
- 8193D8
≈ Mystic Iris
- CC7B92
≈ Wild Rose
- AE9544
≈ Semi Opal
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.78:1 · APCA Lc 53
Ag
AAATrên nền đen
WCAG 7.54:1 · APCA Lc 49
Màu chữ tốt nhất: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Đoạn mã
CSS
:root {
--waterfall: #38ac9c;
--waterfall-rgb: 56 172 156;
--waterfall-oklch: oklch(0.676 0.105 182.1);
}
.element {
color: var(--waterfall);
background-color: hsl(172 51% 45%);
border-color: oklch(0.676 0.105 182.1);
}Tailwind CSS v4
@theme {
--color-waterfall: #38ac9c;
--color-waterfall-50: #d5fff8;
--color-waterfall-100: #c2f4ec;
--color-waterfall-200: #a1e3d9;
--color-waterfall-300: #76c9bd;
--color-waterfall-400: #49b3a3;
--color-waterfall-500: #009c8b;
--color-waterfall-600: #008476;
--color-waterfall-700: #016a5e;
--color-waterfall-800: #024e44;
--color-waterfall-900: #03362f;
--color-waterfall-950: #00211b;
}SCSS
$waterfall: #38ac9c;
$waterfall-rgb: 56, 172, 156;
$waterfall-light: mix(#fff, $waterfall, 20%);
$waterfall-dark: mix(#000, $waterfall, 20%);
.element {
color: $waterfall;
box-shadow: 0 0 0 2px rgba($waterfall, 0.35);
}