Màu có tên gần nhất · #3792AD
#3792AD
Màu có tên gần nhất: Enchanted Well
#3792AD (rgb(55 146 173), hsl(194 52% 45%), oklch(0.617 0.093 221.1)) 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.
#3792AD
oklch(0.617 0.093 221.1)
Chuyển đổi màu
- HEX
- #3792ad
- RGB
- rgb(55 146 173)
- HSL
- hsl(194 52% 45%)
- HWB
- hwb(194 22% 32%)
- OKLCH
- oklch(0.617 0.093 221.1)
- OKLab
- oklab(0.617 -0.07 -0.061)
- CIE Lab
- lab(56.08 -21.19 -22.61)
- LCH
- lch(56.08 30.99 226.9)
- CMYK
- cmyk(68% 16% 0% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 509DB5
- 65A8BD
- 79B2C6
- 8DBDCE
- A0C8D6
- B3D3DE
- C6DEE6
- D9E9EF
- ECF4F7
Sắc đậm
- 2E7E96
- 266B7F
- 1E586A
- 164655
- 0F3541
- 08252D
- 03161B
- 01080B
- 000101
Sắc xám
- 4390A9
- 4C8FA4
- 558DA0
- 5D8B9B
- 648A97
- 6A8892
- 70868E
- 768489
- 7B8285
Hòa sắc
Bổ túc +180°
- 3792AD
Enchanted Well
- B57259
≈ Weathered Saddle
Tương đồng -30° +30°
- 3792AD
Enchanted Well
- 2E9793
≈ Azure Tide
- 5989BC
≈ Danube
Bộ ba +120° +240°
- 3792AD
Enchanted Well
- AC6F96
≈ Violetta
- 918740
≈ Eden Prairie
Bổ túc chia +150° +210°
- 3792AD
Enchanted Well
- B66D77
≈ Rose Gold
- A97B42
≈ Rich Sorrel
Bộ bốn +90° +180° +270°
- 3792AD
Enchanted Well
- 9875AF
≈ Romantic Moment
- B57259
≈ Weathered Saddle
- 719154
≈ Forest Bound
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.57:1 · APCA Lc 63
Ag
AATrên nền đen
WCAG 5.87:1 · APCA Lc 39
Màu chữ tốt nhất: #000000
WCAG 5.87:1 (AA) · APCA Lc 39
Contrast pairs
Đoạn mã
CSS
:root {
--enchanted-well: #3792ad;
--enchanted-well-rgb: 55 146 173;
--enchanted-well-oklch: oklch(0.617 0.093 221.1);
}
.element {
color: var(--enchanted-well);
background-color: hsl(194 52% 45%);
border-color: oklch(0.617 0.093 221.1);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #3792ad;
--color-enchanted-well-50: #d9fcff;
--color-enchanted-well-100: #c7f0ff;
--color-enchanted-well-200: #a9def2;
--color-enchanted-well-300: #81c2da;
--color-enchanted-well-400: #59abc5;
--color-enchanted-well-500: #2894b2;
--color-enchanted-well-600: #257d96;
--color-enchanted-well-700: #1e6478;
--color-enchanted-well-800: #124a58;
--color-enchanted-well-900: #0b333e;
--color-enchanted-well-950: #001f27;
}SCSS
$enchanted-well: #3792ad;
$enchanted-well-rgb: 55, 146, 173;
$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);
}