Màu có tên · #E3A385
Peach Nougat
Peach Nougat là #E3A385: rgb(227 163 133), hsl(19 63% 71%), oklch(0.769 0.087 46.1). 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? → · Peach Nougat color name →
#E3A385
oklch(0.769 0.087 46.1)
Chuyển đổi màu
- HEX
- #e3a385
- RGB
- rgb(227 163 133)
- HSL
- hsl(19 63% 71%)
- HWB
- hwb(19 52% 11%)
- OKLCH
- oklch(0.769 0.087 46.1)
- OKLab
- oklab(0.769 0.06 0.063)
- CIE Lab
- lab(72.74 21.74 25.5)
- LCH
- lch(72.74 33.51 49.6)
- CMYK
- cmyk(0% 28% 41% 11%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E6AC91
- EAB59D
- EDBFA9
- F0C8B5
- F3D1C1
- F5DACE
- F8E3DA
- FAEDE6
- FDF6F3
Sắc đậm
- C58D73
- A87861
- 8C6350
- 714F40
- 573C30
- 3F2A21
- 271913
- 120A06
- 030101
Sắc xám
- D9A085
- CF9C85
- C59984
- BB9584
- B19283
- A88E83
- 9E8B82
- 948782
- 8A8481
Hòa sắc
Bổ túc +180°
- E3A385
Peach Nougat
- 74C0DF
≈ Mizu
Tương đồng -30° +30°
- E3A385
Peach Nougat
- E69EA1
≈ Strawberry Smoothie
- D4AD74
≈ Drops of Honey
Bộ ba +120° +240°
- E3A385
Peach Nougat
- 7CC6A7
≈ Green Balloon
- AFACE9
≈ Maximum Blue Purple
Bổ túc chia +150° +210°
- E3A385
Peach Nougat
- 6BC6C6
≈ Chinese Lacquer
- 90B7EB
≈ Electric Eel
Bộ bốn +90° +180° +270°
- E3A385
Peach Nougat
- 9BC18A
≈ Olive Sand
- 74C0DF
≈ Mizu
- CAA3DA
≈ Spring Wisteria
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.13:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.84:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--peach-nougat: #e3a385;
--peach-nougat-rgb: 227 163 133;
--peach-nougat-oklch: oklch(0.769 0.087 46.1);
}
.element {
color: var(--peach-nougat);
background-color: hsl(19 63% 71%);
border-color: oklch(0.769 0.087 46.1);
}Tailwind CSS v4
@theme {
--color-peach-nougat: #e3a385;
--color-peach-nougat-50: #ffeee0;
--color-peach-nougat-100: #ffe0cf;
--color-peach-nougat-200: #f4cab5;
--color-peach-nougat-300: #ddab91;
--color-peach-nougat-400: #ca8e73;
--color-peach-nougat-500: #b67353;
--color-peach-nougat-600: #996247;
--color-peach-nougat-700: #7b4e39;
--color-peach-nougat-800: #5c3829;
--color-peach-nougat-900: #40271b;
--color-peach-nougat-950: #29150c;
}SCSS
$peach-nougat: #e3a385;
$peach-nougat-rgb: 227, 163, 133;
$peach-nougat-light: mix(#fff, $peach-nougat, 20%);
$peach-nougat-dark: mix(#000, $peach-nougat, 20%);
.element {
color: $peach-nougat;
box-shadow: 0 0 0 2px rgba($peach-nougat, 0.35);
}