Màu có tên gần nhất · #4C94B0
#4C94B0
Màu có tên gần nhất: Enchanted Well
#4C94B0 (rgb(76 148 176), hsl(197 40% 49%), oklch(0.631 0.083 225.9)) gần nhất với màu có tên Enchanted Well. 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.
#4C94B0
oklch(0.631 0.083 225.9)
Chuyển đổi màu
- HEX
- #4c94b0
- RGB
- rgb(76 148 176)
- HSL
- hsl(197 40% 49%)
- HWB
- hwb(197 30% 31%)
- OKLCH
- oklch(0.631 0.083 225.9)
- OKLab
- oklab(0.631 -0.058 -0.06)
- CIE Lab
- lab(57.53 -17.23 -22.02)
- LCH
- lch(57.53 27.96 232)
- CMYK
- cmyk(57% 16% 0% 31%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5F9EB8
- 72A9C0
- 84B4C8
- 96BED0
- A7C9D8
- B9D4DF
- CADEE7
- DCE9EF
- EDF4F7
Sắc đậm
- 418099
- 366D82
- 2C5A6C
- 224856
- 183642
- 0F262E
- 06161C
- 02080B
- 000101
Sắc xám
- 5392AB
- 5A90A6
- 608EA2
- 658C9D
- 6A8A98
- 6F8893
- 74868F
- 78848A
- 7C8285
Hòa sắc
Bổ túc +180°
- 4C94B0
Enchanted Well
- B4795E
≈ Myrtle Pepper
Tương đồng -30° +30°
- 4C94B0
Enchanted Well
- 42999A
≈ Aquatic Green
- 688CBC
≈ Faded Blue
Bộ ba +120° +240°
- 4C94B0
Enchanted Well
- AE7594
≈ So Long Shadow
- 908D4F
≈ Green Jalapeño
Bổ túc chia +150° +210°
- 4C94B0
Enchanted Well
- B67478
≈ Precious Garnet
- A7834D
≈ Muddy Waters
Bộ bốn +90° +180° +270°
- 4C94B0
Enchanted Well
- 9D7AAC
≈ Cloudy Plum
- B4795E
≈ Myrtle Pepper
- 739562
≈ Van Gogh Olives
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.40:1 · APCA Lc 61
Ag
AATrên nền đen
WCAG 6.17:1 · APCA Lc 40
Màu chữ tốt nhất: #000000
WCAG 6.17:1 (AA) · APCA Lc 40
Contrast pairs
Đoạn mã
CSS
:root {
--enchanted-well: #4c94b0;
--enchanted-well-rgb: 76 148 176;
--enchanted-well-oklch: oklch(0.631 0.083 225.9);
}
.element {
color: var(--enchanted-well);
background-color: hsl(197 40% 49%);
border-color: oklch(0.631 0.083 225.9);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #4c94b0;
--color-enchanted-well-50: #defbff;
--color-enchanted-well-100: #cceefe;
--color-enchanted-well-200: #b0dcf1;
--color-enchanted-well-300: #8ac0d9;
--color-enchanted-well-400: #66a9c4;
--color-enchanted-well-500: #3f91b0;
--color-enchanted-well-600: #377b95;
--color-enchanted-well-700: #2c6277;
--color-enchanted-well-800: #1d4958;
--color-enchanted-well-900: #13323d;
--color-enchanted-well-950: #051e27;
}SCSS
$enchanted-well: #4c94b0;
$enchanted-well-rgb: 76, 148, 176;
$enchanted-well-light: mix(#fff, $enchanted-well, 20%);
$enchanted-well-dark: mix(#000, $enchanted-well, 20%);
.element {
color: $enchanted-well;
box-shadow: 0 0 0 2px rgba($enchanted-well, 0.35);
}