Màu có tên gần nhất · #366383
#366383
Màu có tên gần nhất: Stellar
#366383 (rgb(54 99 131), hsl(205 42% 36%), oklch(0.482 0.072 241.3)) gần nhất với màu có tên Stellar. 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.
#366383
oklch(0.482 0.072 241.3)
Chuyển đổi màu
- HEX
- #366383
- RGB
- rgb(54 99 131)
- HSL
- hsl(205 42% 36%)
- HWB
- hwb(205 21% 49%)
- OKLCH
- oklch(0.482 0.072 241.3)
- OKLab
- oklab(0.482 -0.034 -0.063)
- CIE Lab
- lab(39.82 -8.36 -22.97)
- LCH
- lch(39.82 24.44 250)
- CMYK
- cmyk(59% 24% 0% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 4A728F
- 5D819B
- 7090A7
- 849FB4
- 98AEC0
- ACBECD
- C0CED9
- D5DEE6
- EAEFF2
Sắc đậm
- 2E5571
- 254760
- 1E3A4F
- 162E3F
- 0F212F
- 081620
- 030B12
- 010306
- 000001
Sắc xám
- 3E6683
- 466983
- 4E6C83
- 556F82
- 5D7282
- 647582
- 6B7882
- 727A81
- 797D81
Hòa sắc
Bổ túc +180°
- 366383
Stellar
- 7B5432
≈ Pheasant Brown
Tương đồng -30° +30°
- 366383
Stellar
- 206975
≈ Persian Mosaic
- 4F5C87
≈ Marlin
Bộ ba +120° +240°
- 366383
Stellar
- 804C5B
≈ Frenzied Red
- 586435
≈ Interior Green
Bổ túc chia +150° +210°
- 366383
Stellar
- 824E45
≈ Red Bluff
- 6D5D2A
≈ Bean Green
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.42:1 · APCA Lc 82
Ag
FailTrên nền đen
WCAG 3.26:1 · APCA Lc 20
Màu chữ tốt nhất: #FFFFFF
WCAG 6.42:1 (AA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--stellar: #366383;
--stellar-rgb: 54 99 131;
--stellar-oklch: oklch(0.482 0.072 241.3);
}
.element {
color: var(--stellar);
background-color: hsl(205 42% 36%);
border-color: oklch(0.482 0.072 241.3);
}Tailwind CSS v4
@theme {
--color-stellar: #366383;
--color-stellar-50: #e4f8ff;
--color-stellar-100: #d4ebff;
--color-stellar-200: #bbd9f1;
--color-stellar-300: #98bcda;
--color-stellar-400: #78a4c5;
--color-stellar-500: #598cb2;
--color-stellar-600: #4c7796;
--color-stellar-700: #3c5f78;
--color-stellar-800: #2a4659;
--color-stellar-900: #1c303e;
--color-stellar-950: #0c1c27;
}SCSS
$stellar: #366383;
$stellar-rgb: 54, 99, 131;
$stellar-light: mix(#fff, $stellar, 20%);
$stellar-dark: mix(#000, $stellar, 20%);
.element {
color: $stellar;
box-shadow: 0 0 0 2px rgba($stellar, 0.35);
}