Màu có tên · #E5CCBD
Peach Brick
Peach Brick là #E5CCBD: rgb(229 204 189), hsl(23 43% 82%), oklch(0.862 0.035 53). 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 Gray mean? → · Peach Brick color name →
#E5CCBD
oklch(0.862 0.035 53)
Chuyển đổi màu
- HEX
- #e5ccbd
- RGB
- rgb(229 204 189)
- HSL
- hsl(23 43% 82%)
- HWB
- hwb(23 74% 10%)
- OKLCH
- oklch(0.862 0.035 53)
- OKLab
- oklab(0.862 0.021 0.028)
- CIE Lab
- lab(83.86 7.29 10.87)
- LCH
- lch(83.86 13.09 56.2)
- CMYK
- cmyk(0% 11% 17% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8D1C3
- EAD6CA
- EDDBD1
- F0E0D7
- F2E5DE
- F5EAE4
- F7F0EB
- FAF5F2
- FCFAF8
Sắc đậm
- C7B1A4
- AA978C
- 8E7E74
- 72655D
- 584E47
- 3F3733
- 28221F
- 120F0D
- 030202
Sắc xám
- DAC4B7
- D0BCB1
- C6B5AA
- BBADA4
- B1A59E
- A79E98
- 9D9692
- 938F8C
- 8A8786
Hòa sắc
Bổ túc +180°
- E5CCBD
Peach Brick
- BCD6E5
≈ Light Tidal Foam
Tương đồng -30° +30°
- E5CCBD
Peach Brick
- E8C9C7
≈ Pink Spinel
- DDD0B8
≈ Dirty Martini
Bộ ba +120° +240°
- E5CCBD
Peach Brick
- BBDACF
≈ Serene Breeze
- D2CEE7
≈ Vision
Bổ túc chia +150° +210°
- E5CCBD
Peach Brick
- B8D9DC
≈ Light Watermark
- C6D2E9
≈ Arctic Glow
Bộ bốn +90° +180° +270°
- E5CCBD
Peach Brick
- C5D8C3
≈ Edgewater
- BCD6E5
≈ Light Tidal Foam
- DDCADF
≈ Grape Glimmer
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.53:1 · APCA Lc 25
Ag
AAATrên nền đen
WCAG 13.70:1 · APCA Lc 78
Màu chữ tốt nhất: #000000
WCAG 13.70:1 (AAA) · APCA Lc 78
Contrast pairs
Đoạn mã
CSS
:root {
--peach-brick: #e5ccbd;
--peach-brick-rgb: 229 204 189;
--peach-brick-oklch: oklch(0.862 0.035 53);
}
.element {
color: var(--peach-brick);
background-color: hsl(23 43% 82%);
border-color: oklch(0.862 0.035 53);
}Tailwind CSS v4
@theme {
--color-peach-brick: #e5ccbd;
--color-peach-brick-50: #fef3ec;
--color-peach-brick-100: #f2e5dd;
--color-peach-brick-200: #e1d1c6;
--color-peach-brick-300: #c6b3a7;
--color-peach-brick-400: #b0998c;
--color-peach-brick-500: #998071;
--color-peach-brick-600: #826d60;
--color-peach-brick-700: #68574c;
--color-peach-brick-800: #4d3f38;
--color-peach-brick-900: #352b26;
--color-peach-brick-950: #201914;
}SCSS
$peach-brick: #e5ccbd;
$peach-brick-rgb: 229, 204, 189;
$peach-brick-light: mix(#fff, $peach-brick, 20%);
$peach-brick-dark: mix(#000, $peach-brick, 20%);
.element {
color: $peach-brick;
box-shadow: 0 0 0 2px rgba($peach-brick, 0.35);
}