Màu có tên gần nhất · #0F50E9
#0F50E9
Màu có tên gần nhất: Opulent Blue
#0F50E9 (rgb(15 80 233), hsl(222 88% 49%), oklch(0.505 0.238 263.2)) gần nhất với màu có tên Opulent Blue. 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.
#0F50E9
oklch(0.505 0.238 263.2)
Chuyển đổi màu
- HEX
- #0f50e9
- RGB
- rgb(15 80 233)
- HSL
- hsl(222 88% 49%)
- HWB
- hwb(222 6% 9%)
- OKLCH
- oklch(0.505 0.238 263.2)
- OKLab
- oklab(0.505 -0.028 -0.236)
- CIE Lab
- lab(39.24 30.56 -83.58)
- LCH
- lch(39.24 89 290.1)
- CMYK
- cmyk(94% 66% 0% 9%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 2A66ED
- 4279F1
- 598BF5
- 709DF8
- 87AEFA
- 9EBEFC
- B6CFFE
- CEDFFF
- E6EFFF
Sắc đậm
- 0B44CB
- 0839AD
- 052E90
- 032474
- 021A5A
- 011041
- 000729
- 000213
- 000003
Sắc xám
- 1E59DF
- 2B60D6
- 3766CC
- 426BC2
- 4D70B7
- 5774AD
- 6278A2
- 6C7B97
- 767E8C
Hòa sắc
Bổ túc +180°
- 0F50E9
Opulent Blue
- 815E00
≈ Hè Sè Brown
Tương đồng -30° +30°
- 0F50E9
Opulent Blue
- 006E96
≈ Tropic Sea
- 7230DC
≈ Hokkaido Lavender
Bộ ba +120° +240°
- 0F50E9
Opulent Blue
- BE0025
≈ Shēn Hóng Red
- 007B0D
≈ Green Hills
Bổ túc chia +150° +210°
- 0F50E9
Opulent Blue
- 9B4C00
≈ Burnt Bagel
- 656B00
≈ Brownish Green
Bộ bốn +90° +180° +270°
- 0F50E9
Opulent Blue
- B4006E
≈ Botticelli
- 815E00
≈ Hè Sè Brown
- 007660
≈ Tropical Rainforest
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.27:1 · APCA Lc 80
Ag
FailTrên nền đen
WCAG 3.34:1 · APCA Lc 22
Màu chữ tốt nhất: #FFFFFF
WCAG 6.27:1 (AA) · APCA Lc 80
Contrast pairs
Đoạn mã
CSS
:root {
--opulent-blue: #0f50e9;
--opulent-blue-rgb: 15 80 233;
--opulent-blue-oklch: oklch(0.505 0.238 263.2);
}
.element {
color: var(--opulent-blue);
background-color: hsl(222 88% 49%);
border-color: oklch(0.505 0.238 263.2);
}Tailwind CSS v4
@theme {
--color-opulent-blue: #0f50e9;
--color-opulent-blue-50: #d4f5ff;
--color-opulent-blue-100: #c1e7ff;
--color-opulent-blue-200: #a3d1ff;
--color-opulent-blue-300: #7bb1ff;
--color-opulent-blue-400: #5094ff;
--color-opulent-blue-500: #2873ff;
--color-opulent-blue-600: #2362f2;
--color-opulent-blue-700: #1c4fc3;
--color-opulent-blue-800: #083a92;
--color-opulent-blue-900: #052868;
--color-opulent-blue-950: #001448;
}SCSS
$opulent-blue: #0f50e9;
$opulent-blue-rgb: 15, 80, 233;
$opulent-blue-light: mix(#fff, $opulent-blue, 20%);
$opulent-blue-dark: mix(#000, $opulent-blue, 20%);
.element {
color: $opulent-blue;
box-shadow: 0 0 0 2px rgba($opulent-blue, 0.35);
}