Màu có tên gần nhất · #E06968
#E06968
Màu có tên gần nhất: Redstone
#E06968 (rgb(224 105 104), hsl(0 66% 64%), oklch(0.664 0.149 22.5)) gần nhất với màu có tên Redstone. 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.
#E06968
oklch(0.664 0.149 22.5)
Chuyển đổi màu
- HEX
- #e06968
- RGB
- rgb(224 105 104)
- HSL
- hsl(0 66% 64%)
- HWB
- hwb(0 41% 12%)
- OKLCH
- oklch(0.664 0.149 22.5)
- OKLab
- oklab(0.664 0.138 0.057)
- CIE Lab
- lab(59.48 47.32 24.11)
- LCH
- lch(59.48 53.1 27)
- CMYK
- cmyk(0% 53% 54% 12%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E57977
- EA8885
- EE9894
- F2A7A3
- F5B5B2
- F8C4C1
- FAD3D0
- FCE2E0
- FEF0EF
Sắc đậm
- C35A59
- A64C4B
- 8A3E3E
- 703130
- 562424
- 3E1818
- 270C0C
- 120404
- 020000
Sắc xám
- D76D6B
- CE706D
- C57370
- BC7572
- B37875
- A97A77
- 9F7C7A
- 957D7C
- 8B7F7E
Hòa sắc
Bổ túc +180°
- E06968
Redstone
- 00A7B1
≈ Exotic Sea
Tương đồng -30° +30°
- E06968
Redstone
- D6689C
≈ Cosmetologist’s Pink
- D9752C
≈ Orange Ochre
Bộ ba +120° +240°
- E06968
Redstone
- 56AA51
≈ Harā Green
- 6090EE
≈ Guilliman Blue
Bổ túc chia +150° +210°
- E06968
Redstone
- 00AC8B
≈ Arcadia
- 00A0D8
≈ Vanadyl Blue
Bộ bốn +90° +180° +270°
- E06968
Redstone
- 969B00
≈ Pea Soup
- 00A7B1
≈ Exotic Sea
- 977FE6
≈ Indigo Bloom
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.28:1 · APCA Lc 60
Ag
AATrên nền đen
WCAG 6.38:1 · APCA Lc 42
Màu chữ tốt nhất: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Đoạn mã
CSS
:root {
--redstone: #e06968;
--redstone-rgb: 224 105 104;
--redstone-oklch: oklch(0.664 0.149 22.5);
}
.element {
color: var(--redstone);
background-color: hsl(0 66% 64%);
border-color: oklch(0.664 0.149 22.5);
}Tailwind CSS v4
@theme {
--color-redstone: #e06968;
--color-redstone-50: #ffe5e0;
--color-redstone-100: #ffd5cf;
--color-redstone-200: #ffbcb5;
--color-redstone-300: #fb9891;
--color-redstone-400: #e97775;
--color-redstone-500: #d75557;
--color-redstone-600: #b6494a;
--color-redstone-700: #923a3b;
--color-redstone-800: #6d292c;
--color-redstone-900: #4d1c1d;
--color-redstone-950: #320b0d;
}SCSS
$redstone: #e06968;
$redstone-rgb: 224, 105, 104;
$redstone-light: mix(#fff, $redstone, 20%);
$redstone-dark: mix(#000, $redstone, 20%);
.element {
color: $redstone;
box-shadow: 0 0 0 2px rgba($redstone, 0.35);
}