Màu có tên gần nhất · #3698B2
#3698B2
Màu có tên gần nhất: Enchanted Well
#3698B2 (rgb(54 152 178), hsl(193 53% 45%), oklch(0.634 0.097 219)) 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.
#3698B2
oklch(0.634 0.097 219)
Chuyển đổi màu
- HEX
- #3698b2
- RGB
- rgb(54 152 178)
- HSL
- hsl(193 53% 45%)
- HWB
- hwb(193 21% 30%)
- OKLCH
- oklch(0.634 0.097 219)
- OKLab
- oklab(0.634 -0.075 -0.061)
- CIE Lab
- lab(58.06 -22.92 -22.42)
- LCH
- lch(58.06 32.06 224.4)
- CMYK
- cmyk(70% 15% 0% 30%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 50A2BA
- 66ACC1
- 7AB7C9
- 8EC1D1
- A1CBD9
- B4D6E0
- C7E0E8
- D9EAF0
- ECF5F7
Sắc đậm
- 2E849A
- 257083
- 1E5C6D
- 164A57
- 0F3843
- 08272F
- 03171D
- 01080C
- 000101
Sắc xám
- 4396AD
- 4D94A8
- 5591A3
- 5D8F9E
- 648D99
- 6B8A94
- 70888F
- 76858A
- 7B8385
Hòa sắc
Bổ túc +180°
- 3698B2
Enchanted Well
- BD755E
≈ Sienna Sky
Tương đồng -30° +30°
- 3698B2
Enchanted Well
- 2F9D96
≈ Dreamy Teal
- 5A8FC3
≈ Come Sail Away
Bộ ba +120° +240°
- 3698B2
Enchanted Well
- B1739E
≈ Orchid Kiss
- 998B41
≈ Plantation Island
Bổ túc chia +150° +210°
- 3698B2
Enchanted Well
- BD717E
≈ Briar Rose
- B07F45
≈ Bungalow Gold
Bộ bốn +90° +180° +270°
- 3698B2
Enchanted Well
- 9B7AB7
≈ Lavender Purple
- BD755E
≈ Sienna Sky
- 789655
≈ Drab Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.33:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.29:1 · APCA Lc 41
Màu chữ tốt nhất: #000000
WCAG 6.29:1 (AA) · APCA Lc 41
Contrast pairs
Đoạn mã
CSS
:root {
--enchanted-well: #3698b2;
--enchanted-well-rgb: 54 152 178;
--enchanted-well-oklch: oklch(0.634 0.097 219);
}
.element {
color: var(--enchanted-well);
background-color: hsl(193 53% 45%);
border-color: oklch(0.634 0.097 219);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #3698b2;
--color-enchanted-well-50: #d8fcff;
--color-enchanted-well-100: #c5f0ff;
--color-enchanted-well-200: #a7def2;
--color-enchanted-well-300: #7ec3da;
--color-enchanted-well-400: #54acc5;
--color-enchanted-well-500: #1b95b1;
--color-enchanted-well-600: #1c7e96;
--color-enchanted-well-700: #176578;
--color-enchanted-well-800: #0c4a58;
--color-enchanted-well-900: #08343e;
--color-enchanted-well-950: #001f27;
}SCSS
$enchanted-well: #3698b2;
$enchanted-well-rgb: 54, 152, 178;
$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);
}