Màu có tên gần nhất · #914258
#914258
Màu có tên gần nhất: Liaison
#914258 (rgb(145 66 88), hsl(343 37% 41%), oklch(0.488 0.109 4.4)) gần nhất với màu có tên Liaison. 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.
#914258
oklch(0.488 0.109 4.4)
Chuyển đổi màu
- HEX
- #914258
- RGB
- rgb(145 66 88)
- HSL
- hsl(343 37% 41%)
- HWB
- hwb(343 26% 43%)
- OKLCH
- oklch(0.488 0.109 4.4)
- OKLab
- oklab(0.488 0.109 0.008)
- CIE Lab
- lab(39.24 35.75 3.77)
- LCH
- lch(39.24 35.95 6)
- CMYK
- cmyk(0% 54% 39% 43%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 9D5467
- A96777
- B57987
- C08C97
- CB9EA8
- D6B1B9
- E0C4CA
- EBD8DB
- F5EBED
Sắc đậm
- 7D384B
- 6A2F3F
- 582533
- 461C28
- 35141D
- 250B12
- 150509
- 070103
- 010000
Sắc xám
- 90495C
- 8F5060
- 8E5664
- 8D5C68
- 8C636C
- 8A6970
- 886F74
- 867478
- 837A7C
Hòa sắc
Bổ túc +180°
- 914258
Liaison
- 006F66
≈ Tide Pools
Tương đồng -30° +30°
- 914258
Liaison
- 844679
≈ Visiona Red
- 934633
≈ Dark Brazilian Topaz
Bộ ba +120° +240°
- 914258
Liaison
- 526A18
≈ Bowser Shell
- 1A6599
≈ Impulse Blue
Bổ túc chia +150° +210°
- 914258
Liaison
- 1C7143
≈ Cloudy Camouflage
- 006C7E
≈ Shinbashi Azure
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.72:1 · APCA Lc 83
Ag
FailTrên nền đen
WCAG 3.12:1 · APCA Lc 19
Màu chữ tốt nhất: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Đoạn mã
CSS
:root {
--liaison: #914258;
--liaison-rgb: 145 66 88;
--liaison-oklch: oklch(0.488 0.109 4.4);
}
.element {
color: var(--liaison);
background-color: hsl(343 37% 41%);
border-color: oklch(0.488 0.109 4.4);
}Tailwind CSS v4
@theme {
--color-liaison: #914258;
--color-liaison-50: #ffe9f0;
--color-liaison-100: #ffdae2;
--color-liaison-200: #fec1cd;
--color-liaison-300: #e8a0ae;
--color-liaison-400: #d58296;
--color-liaison-500: #c1657d;
--color-liaison-600: #a3566a;
--color-liaison-700: #834455;
--color-liaison-800: #61313f;
--color-liaison-900: #44212b;
--color-liaison-950: #2c1019;
}SCSS
$liaison: #914258;
$liaison-rgb: 145, 66, 88;
$liaison-light: mix(#fff, $liaison, 20%);
$liaison-dark: mix(#000, $liaison, 20%);
.element {
color: $liaison;
box-shadow: 0 0 0 2px rgba($liaison, 0.35);
}