Màu có tên gần nhất · #547FF7
#547FF7
Màu có tên gần nhất: Blue Öyster Cult
#547FF7 (rgb(84 127 247), hsl(224 91% 65%), oklch(0.628 0.185 266.3)) gần nhất với màu có tên Blue Öyster Cult. 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.
#547FF7
oklch(0.628 0.185 266.3)
Chuyển đổi màu
- HEX
- #547ff7
- RGB
- rgb(84 127 247)
- HSL
- hsl(224 91% 65%)
- HWB
- hwb(224 33% 3%)
- OKLCH
- oklch(0.628 0.185 266.3)
- OKLab
- oklab(0.628 -0.012 -0.185)
- CIE Lab
- lab(54.89 14.72 -65.84)
- LCH
- lch(54.89 67.46 282.6)
- CMYK
- cmyk(66% 49% 0% 3%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 648DF9
- 749AFB
- 85A8FD
- 95B4FE
- A6C1FF
- B8CEFF
- C9DAFF
- DBE6FF
- EDF3FF
Sắc đậm
- 486ED7
- 3C5DB7
- 314C99
- 263C7C
- 1B2D60
- 111F45
- 08112C
- 020615
- 000103
Sắc xám
- 5880EB
- 5D81E0
- 6182D4
- 6682C8
- 6A83BD
- 6F83B1
- 7382A5
- 778299
- 7C818D
Hòa sắc
Bổ túc +180°
- 547FF7
Blue Öyster Cult
- AA8200
≈ Chestnut Gold
Tương đồng -30° +30°
- 547FF7
Blue Öyster Cult
- 0093CF
≈ Rich Electric Blue
- 956AE9
≈ Matt Purple
Bộ ba +120° +240°
- 547FF7
Blue Öyster Cult
- E34E48
≈ Red Arremer
- 11A43A
≈ Poetic Green
Bổ túc chia +150° +210°
- 547FF7
Blue Öyster Cult
- CC6B00
≈ Sludge
- 849200
≈ Snakes in the Grass
Bộ bốn +90° +180° +270°
- 547FF7
Blue Öyster Cult
- DA4C8B
≈ Prunus Avium
- AA8200
≈ Chestnut Gold
- 009F86
≈ Reptilian Green
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.64:1 · APCA Lc 64
Ag
AATrên nền đen
WCAG 5.75:1 · APCA Lc 38
Màu chữ tốt nhất: #000000
WCAG 5.75:1 (AA) · APCA Lc 38
Contrast pairs
Đoạn mã
CSS
:root {
--blue-oyster-cult: #547ff7;
--blue-oyster-cult-rgb: 84 127 247;
--blue-oyster-cult-oklch: oklch(0.628 0.185 266.3);
}
.element {
color: var(--blue-oyster-cult);
background-color: hsl(224 91% 65%);
border-color: oklch(0.628 0.185 266.3);
}Tailwind CSS v4
@theme {
--color-blue-oyster-cult: #547ff7;
--color-blue-oyster-cult-50: #dff4ff;
--color-blue-oyster-cult-100: #cee6ff;
--color-blue-oyster-cult-200: #b3d1ff;
--color-blue-oyster-cult-300: #8fb2ff;
--color-blue-oyster-cult-400: #6b97ff;
--color-blue-oyster-cult-500: #4d7aff;
--color-blue-oyster-cult-600: #4168d7;
--color-blue-oyster-cult-700: #3453ad;
--color-blue-oyster-cult-800: #213d82;
--color-blue-oyster-cult-900: #152a5c;
--color-blue-oyster-cult-950: #07173e;
}SCSS
$blue-oyster-cult: #547ff7;
$blue-oyster-cult-rgb: 84, 127, 247;
$blue-oyster-cult-light: mix(#fff, $blue-oyster-cult, 20%);
$blue-oyster-cult-dark: mix(#000, $blue-oyster-cult, 20%);
.element {
color: $blue-oyster-cult;
box-shadow: 0 0 0 2px rgba($blue-oyster-cult, 0.35);
}