Màu có tên · #D89A78
Peach Bloom
Peach Bloom là #D89A78: rgb(216 154 120), hsl(21 55% 66%), oklch(0.738 0.088 49.7). 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 Bloom color name →
#D89A78
oklch(0.738 0.088 49.7)
Chuyển đổi màu
- HEX
- #d89a78
- RGB
- rgb(216 154 120)
- HSL
- hsl(21 55% 66%)
- HWB
- hwb(21 47% 15%)
- OKLCH
- oklch(0.738 0.088 49.7)
- OKLab
- oklab(0.738 0.057 0.067)
- CIE Lab
- lab(69.17 20.93 27.56)
- LCH
- lch(69.17 34.61 52.8)
- CMYK
- cmyk(0% 29% 44% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DCA485
- E1AE93
- E5B8A0
- E9C2AD
- EDCCBB
- F1D6C8
- F5E0D6
- F8EBE3
- FCF5F1
Sắc đậm
- BC8567
- A07157
- 855E48
- 6B4B39
- 53392A
- 3B271D
- 251710
- 110905
- 020101
Sắc xám
- CF9879
- C6957A
- BE937B
- B5907C
- AC8E7D
- A38B7E
- 9B887F
- 92867F
- 898380
Hòa sắc
Bổ túc +180°
- D89A78
Peach Bloom
- 6CB5D7
≈ Skyscape
Tương đồng -30° +30°
- D89A78
Peach Bloom
- DC9494
≈ Dusty Cedar
- C8A469
≈ Classic Gold
Bộ ba +120° +240°
- D89A78
Peach Bloom
- 6EBCA1
≈ Mint Cold Green
- A9A1DF
≈ Simply Violet
Bổ túc chia +150° +210°
- D89A78
Peach Bloom
- 5FBBC0
≈ Pharaoh’s Seas
- 89ACE2
≈ Queer Blue
Bộ bốn +90° +180° +270°
- D89A78
Peach Bloom
- 8DB883
≈ Aniseed Leaf Green
- 6CB5D7
≈ Skyscape
- C398CD
≈ Amethyst Show
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.38:1 · APCA Lc 47
Ag
AAATrên nền đen
WCAG 8.81:1 · APCA Lc 55
Màu chữ tốt nhất: #000000
WCAG 8.81:1 (AAA) · APCA Lc 55
Contrast pairs
Đoạn mã
CSS
:root {
--peach-bloom: #d89a78;
--peach-bloom-rgb: 216 154 120;
--peach-bloom-oklch: oklch(0.738 0.088 49.7);
}
.element {
color: var(--peach-bloom);
background-color: hsl(21 55% 66%);
border-color: oklch(0.738 0.088 49.7);
}Tailwind CSS v4
@theme {
--color-peach-bloom: #d89a78;
--color-peach-bloom-50: #ffefdf;
--color-peach-bloom-100: #ffe0ce;
--color-peach-bloom-200: #f4cab2;
--color-peach-bloom-300: #ddab8e;
--color-peach-bloom-400: #c98f6f;
--color-peach-bloom-500: #b5744f;
--color-peach-bloom-600: #996244;
--color-peach-bloom-700: #7b4f36;
--color-peach-bloom-800: #5b3927;
--color-peach-bloom-900: #40271a;
--color-peach-bloom-950: #29150b;
}SCSS
$peach-bloom: #d89a78;
$peach-bloom-rgb: 216, 154, 120;
$peach-bloom-light: mix(#fff, $peach-bloom, 20%);
$peach-bloom-dark: mix(#000, $peach-bloom, 20%);
.element {
color: $peach-bloom;
box-shadow: 0 0 0 2px rgba($peach-bloom, 0.35);
}