Màu có tên · #E09887
Industrial Rose
Industrial Rose là #E09887: rgb(224 152 135), hsl(11 59% 70%), oklch(0.747 0.091 33.8). 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.
What does Red mean? → · Industrial Rose color name →
#E09887
oklch(0.747 0.091 33.8)
Chuyển đổi màu
- HEX
- #e09887
- RGB
- rgb(224 152 135)
- HSL
- hsl(11 59% 70%)
- HWB
- hwb(11 53% 12%)
- OKLCH
- oklch(0.747 0.091 33.8)
- OKLab
- oklab(0.747 0.075 0.051)
- CIE Lab
- lab(69.87 26.31 20.53)
- LCH
- lch(69.87 33.37 38)
- CMYK
- cmyk(0% 32% 40% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E4A293
- E8AD9E
- EBB7AA
- EEC1B6
- F2CBC2
- F5D6CE
- F7E0DA
- FAEAE6
- FDF5F3
Sắc đậm
- C38475
- A67063
- 8A5C51
- 704A41
- 563831
- 3E2721
- 271713
- 120806
- 020101
Sắc xám
- D69687
- CD9486
- C39185
- BA8F85
- B08D84
- A78A83
- 9D8883
- 948582
- 8A8381
Hòa sắc
Bổ túc +180°
- E09887
Industrial Rose
- 61BCD0
≈ Delusional Dragonfly
Tương đồng -30° +30°
- E09887
Industrial Rose
- DE95A6
≈ Rose Marquis
- D6A16F
≈ Sassy Sassafras
Bộ ba +120° +240°
- E09887
Industrial Rose
- 7EBE93
≈ Oilcloth Green
- 9BA9E7
≈ Dalmatian Sage
Bổ túc chia +150° +210°
- E09887
Industrial Rose
- 63C0B3
≈ Fiesta Blue
- 7AB4E2
≈ Dun Morogh Blue
Bộ bốn +90° +180° +270°
- E09887
Industrial Rose
- A1B776
≈ Around the Gills
- 61BCD0
≈ Delusional Dragonfly
- B99FDC
≈ Violet Velvet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.33:1 · APCA Lc 46
Ag
AAATrên nền đen
WCAG 9.01:1 · APCA Lc 56
Màu chữ tốt nhất: #000000
WCAG 9.01:1 (AAA) · APCA Lc 56
Contrast pairs
Đoạn mã
CSS
:root {
--industrial-rose: #e09887;
--industrial-rose-rgb: 224 152 135;
--industrial-rose-oklch: oklch(0.747 0.091 33.8);
}
.element {
color: var(--industrial-rose);
background-color: hsl(11 59% 70%);
border-color: oklch(0.747 0.091 33.8);
}Tailwind CSS v4
@theme {
--color-industrial-rose: #e09887;
--color-industrial-rose-50: #ffede4;
--color-industrial-rose-100: #ffded3;
--color-industrial-rose-200: #f8c7ba;
--color-industrial-rose-300: #e1a798;
--color-industrial-rose-400: #ce8b7b;
--color-industrial-rose-500: #ba6f5e;
--color-industrial-rose-600: #9d5e50;
--color-industrial-rose-700: #7e4b3f;
--color-industrial-rose-800: #5e362e;
--color-industrial-rose-900: #42251f;
--color-industrial-rose-950: #2a130f;
}SCSS
$industrial-rose: #e09887;
$industrial-rose-rgb: 224, 152, 135;
$industrial-rose-light: mix(#fff, $industrial-rose, 20%);
$industrial-rose-dark: mix(#000, $industrial-rose, 20%);
.element {
color: $industrial-rose;
box-shadow: 0 0 0 2px rgba($industrial-rose, 0.35);
}