Màu có tên gần nhất · #54669F
#54669F
Màu có tên gần nhất: Bellflower
#54669F (rgb(84 102 159), hsl(226 31% 48%), oklch(0.521 0.093 269.7)) gần nhất với màu có tên Bellflower. 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.
#54669F
oklch(0.521 0.093 269.7)
Chuyển đổi màu
- HEX
- #54669f
- RGB
- rgb(84 102 159)
- HSL
- hsl(226 31% 48%)
- HWB
- hwb(226 33% 38%)
- OKLCH
- oklch(0.521 0.093 269.7)
- OKLab
- oklab(0.521 -0.001 -0.093)
- CIE Lab
- lab(43.65 5.32 -33.55)
- LCH
- lch(43.65 33.97 279)
- CMYK
- cmyk(47% 36% 0% 38%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 6375A9
- 7383B3
- 8492BC
- 94A1C6
- A5B1D0
- B7C0D9
- C8CFE3
- DADFEC
- EDEFF6
Sắc đậm
- 48588A
- 3C4A75
- 313C61
- 262F4D
- 1B233B
- 111729
- 080C18
- 020409
- 000001
Sắc xám
- 58699C
- 5D6C99
- 616E97
- 657194
- 6A7491
- 6E768E
- 72798A
- 777B87
- 7B7E84
Hòa sắc
Bổ túc +180°
- 54669F
Bellflower
- 7E661E
≈ Brazen Brass
Tương đồng -30° +30°
- 54669F
Bellflower
- 2E7099
≈ Vallarta Blue
- 715C97
≈ Just a Fairytale
Bộ ba +120° +240°
- 54669F
Bellflower
- 975349
≈ Marsala
- 3E784C
≈ Maidenhair Fern
Bổ túc chia +150° +210°
- 54669F
Bellflower
- 905B2D
≈ Carrageen Moss
- 63712E
≈ Forest Spirit
Bộ bốn +90° +180° +270°
- 54669F
Bellflower
- 945167
≈ Vin Rouge
- 7E661E
≈ Brazen Brass
- 087A6B
≈ Pond Moss
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.55:1 · APCA Lc 78
Ag
FailTrên nền đen
WCAG 3.77:1 · APCA Lc 24
Màu chữ tốt nhất: #FFFFFF
WCAG 5.55:1 (AA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--bellflower: #54669f;
--bellflower-rgb: 84 102 159;
--bellflower-oklch: oklch(0.521 0.093 269.7);
}
.element {
color: var(--bellflower);
background-color: hsl(226 31% 48%);
border-color: oklch(0.521 0.093 269.7);
}Tailwind CSS v4
@theme {
--color-bellflower: #54669f;
--color-bellflower-50: #ebf4ff;
--color-bellflower-100: #dce7ff;
--color-bellflower-200: #c6d3fd;
--color-bellflower-300: #a6b5e8;
--color-bellflower-400: #899cd6;
--color-bellflower-500: #6e83c4;
--color-bellflower-600: #5d6fa6;
--color-bellflower-700: #4a5985;
--color-bellflower-800: #344163;
--color-bellflower-900: #242d45;
--color-bellflower-950: #131a2d;
}SCSS
$bellflower: #54669f;
$bellflower-rgb: 84, 102, 159;
$bellflower-light: mix(#fff, $bellflower, 20%);
$bellflower-dark: mix(#000, $bellflower, 20%);
.element {
color: $bellflower;
box-shadow: 0 0 0 2px rgba($bellflower, 0.35);
}