Màu có tên · #AE8E7E
Redend Point
Redend Point là #AE8E7E: rgb(174 142 126), hsl(20 23% 59%), oklch(0.672 0.045 48). 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 Orange mean? → · Redend Point color name →
#AE8E7E
oklch(0.672 0.045 48)
Chuyển đổi màu
- HEX
- #ae8e7e
- RGB
- rgb(174 142 126)
- HSL
- hsl(20 23% 59%)
- HWB
- hwb(20 49% 32%)
- OKLCH
- oklch(0.672 0.045 48)
- OKLab
- oklab(0.672 0.03 0.034)
- CIE Lab
- lab(61.72 10.67 13.34)
- LCH
- lch(61.72 17.09 51.4)
- CMYK
- cmyk(0% 18% 28% 32%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- B6998A
- BEA497
- C6AFA3
- CEBAB0
- D6C5BD
- DED1CA
- E7DCD7
- EFE8E4
- F7F3F2
Sắc đậm
- 977B6D
- 80685C
- 6A564C
- 55443C
- 41342D
- 2E241F
- 1C1511
- 0B0705
- 010101
Sắc xám
- A98D7E
- A58B7F
- A08A7F
- 9C897F
- 97877F
- 93867F
- 8E8480
- 898380
- 858180
Hòa sắc
Bổ túc +180°
- AE8E7E
Redend Point
- 799CAC
≈ Cool Dusk
Tương đồng -30° +30°
- AE8E7E
Redend Point
- B08B8B
≈ Mauve Day
- A59377
≈ San Antonio Sage
Bộ ba +120° +240°
- AE8E7E
Redend Point
- 7B9F90
≈ Regal View
- 9492B1
≈ Extinct
Bổ túc chia +150° +210°
- AE8E7E
Redend Point
- 759FA0
≈ Delaware Blue Hen
- 8597B2
≈ Denim Tradition
Bộ bốn +90° +180° +270°
- AE8E7E
Redend Point
- 899D82
≈ Basil
- 799CAC
≈ Cool Dusk
- A28DA8
≈ Nana
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.01:1 · APCA Lc 57
Ag
AATrên nền đen
WCAG 6.97:1 · APCA Lc 45
Màu chữ tốt nhất: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Đoạn mã
CSS
:root {
--redend-point: #ae8e7e;
--redend-point-rgb: 174 142 126;
--redend-point-oklch: oklch(0.672 0.045 48);
}
.element {
color: var(--redend-point);
background-color: hsl(20 23% 59%);
border-color: oklch(0.672 0.045 48);
}Tailwind CSS v4
@theme {
--color-redend-point: #ae8e7e;
--color-redend-point-50: #fff2ea;
--color-redend-point-100: #f5e4db;
--color-redend-point-200: #e5cfc3;
--color-redend-point-300: #cbb1a3;
--color-redend-point-400: #b69788;
--color-redend-point-500: #a07e6c;
--color-redend-point-600: #876a5c;
--color-redend-point-700: #6c5549;
--color-redend-point-800: #503e35;
--color-redend-point-900: #382a24;
--color-redend-point-950: #221813;
}SCSS
$redend-point: #ae8e7e;
$redend-point-rgb: 174, 142, 126;
$redend-point-light: mix(#fff, $redend-point, 20%);
$redend-point-dark: mix(#000, $redend-point, 20%);
.element {
color: $redend-point;
box-shadow: 0 0 0 2px rgba($redend-point, 0.35);
}