Màu có tên gần nhất · #3398B5
#3398B5
Màu có tên gần nhất: Enchanted Well
#3398B5 (rgb(51 152 181), hsl(193 56% 45%), oklch(0.634 0.1 221)) 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.
#3398B5
oklch(0.634 0.1 221)
Chuyển đổi màu
- HEX
- #3398b5
- RGB
- rgb(51 152 181)
- HSL
- hsl(193 56% 45%)
- HWB
- hwb(193 20% 29%)
- OKLCH
- oklch(0.634 0.1 221)
- OKLab
- oklab(0.634 -0.075 -0.066)
- CIE Lab
- lab(58.08 -22.62 -24.09)
- LCH
- lch(58.08 33.05 226.8)
- CMYK
- cmyk(72% 16% 0% 29%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4EA2BC
- 64ADC4
- 79B7CB
- 8DC1D3
- A0CBDA
- B3D6E2
- C6E0E9
- D9EAF0
- ECF5F8
Sắc đậm
- 2B849D
- 237086
- 1C5C6F
- 144A59
- 0D3844
- 072730
- 03171D
- 01080C
- 000102
Sắc xám
- 4096B0
- 4B94AA
- 5491A5
- 5C8FA0
- 638D9B
- 6A8A95
- 708890
- 76858B
- 7B8385
Hòa sắc
Bổ túc +180°
- 3398B5
Enchanted Well
- BE755A
≈ Oxide
Tương đồng -30° +30°
- 3398B5
Enchanted Well
- 279E99
≈ Talismanic Teal
- 5B8EC5
≈ Cobalt Glow
Bộ ba +120° +240°
- 3398B5
Enchanted Well
- B3729D
≈ Orchid Kiss
- 988C3E
≈ Jalapeño
Bổ túc chia +150° +210°
- 3398B5
Enchanted Well
- BF707B
≈ Cinnamon Roll
- B18041
≈ Amber Romance
Bộ bốn +90° +180° +270°
- 3398B5
Enchanted Well
- 9E79B7
≈ Lush Lilac
- BE755A
≈ Oxide
- 759755
≈ Meadow 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: #3398b5;
--enchanted-well-rgb: 51 152 181;
--enchanted-well-oklch: oklch(0.634 0.1 221);
}
.element {
color: var(--enchanted-well);
background-color: hsl(193 56% 45%);
border-color: oklch(0.634 0.1 221);
}Tailwind CSS v4
@theme {
--color-enchanted-well: #3398b5;
--color-enchanted-well-50: #d7fcff;
--color-enchanted-well-100: #c5f0ff;
--color-enchanted-well-200: #a6def4;
--color-enchanted-well-300: #7cc3dd;
--color-enchanted-well-400: #51acc8;
--color-enchanted-well-500: #1495b5;
--color-enchanted-well-600: #187e98;
--color-enchanted-well-700: #14657a;
--color-enchanted-well-800: #094a5a;
--color-enchanted-well-900: #06343f;
--color-enchanted-well-950: #001f28;
}SCSS
$enchanted-well: #3398b5;
$enchanted-well-rgb: 51, 152, 181;
$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);
}