Màu có tên · #D2AA92
Regina Peach
Regina Peach là #D2AA92: rgb(210 170 146), hsl(23 42% 70%), oklch(0.768 0.058 52.6). 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? → · Regina Peach color name →
#D2AA92
oklch(0.768 0.058 52.6)
Chuyển đổi màu
- HEX
- #d2aa92
- RGB
- rgb(210 170 146)
- HSL
- hsl(23 42% 70%)
- HWB
- hwb(23 57% 18%)
- OKLCH
- oklch(0.768 0.058 52.6)
- OKLab
- oklab(0.768 0.035 0.046)
- CIE Lab
- lab(72.83 12.56 18.24)
- LCH
- lch(72.83 22.14 55.4)
- CMYK
- cmyk(0% 19% 30% 18%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D7B29D
- DBBBA7
- E0C3B2
- E5CCBD
- E9D4C8
- EEDDD3
- F2E5DE
- F6EEE9
- FBF6F4
Sắc đậm
- B6937E
- 9B7D6B
- 816858
- 685346
- 503F35
- 392D25
- 241B16
- 100B08
- 020101
Sắc xám
- CAA690
- C1A28F
- B99D8D
- B1998B
- A99589
- A09188
- 988D86
- 908884
- 888482
Hòa sắc
Bổ túc +180°
- D2AA92
Regina Peach
- 8FBBD3
≈ Bonnie Blue
Tương đồng -30° +30°
- D2AA92
Regina Peach
- D6A6A3
≈ Mellow Rose
- C6B18A
≈ Earthy Cane
Bộ ba +120° +240°
- D2AA92
Regina Peach
- 8EC0B0
≈ Scenic View
- B4ADD6
≈ Delicate Lilac
Bổ túc chia +150° +210°
- D2AA92
Regina Peach
- 88BFC4
≈ Celestine
- A0B4D9
≈ Mont Blanc
Bộ bốn +90° +180° +270°
- D2AA92
Regina Peach
- 9FBD9C
≈ Spring Rain
- 8FBBD3
≈ Bonnie Blue
- C6A8C9
≈ Tea Towel
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.12:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.90:1 · APCA Lc 61
Màu chữ tốt nhất: #000000
WCAG 9.90:1 (AAA) · APCA Lc 61
Contrast pairs
Đoạn mã
CSS
:root {
--regina-peach: #d2aa92;
--regina-peach-rgb: 210 170 146;
--regina-peach-oklch: oklch(0.768 0.058 52.6);
}
.element {
color: var(--regina-peach);
background-color: hsl(23 42% 70%);
border-color: oklch(0.768 0.058 52.6);
}Tailwind CSS v4
@theme {
--color-regina-peach: #d2aa92;
--color-regina-peach-50: #fff1e6;
--color-regina-peach-100: #f8e3d6;
--color-regina-peach-200: #e9cebe;
--color-regina-peach-300: #d0b09c;
--color-regina-peach-400: #bb967f;
--color-regina-peach-500: #a57c63;
--color-regina-peach-600: #8c6954;
--color-regina-peach-700: #705443;
--color-regina-peach-800: #533d30;
--color-regina-peach-900: #3a2a21;
--color-regina-peach-950: #241710;
}SCSS
$regina-peach: #d2aa92;
$regina-peach-rgb: 210, 170, 146;
$regina-peach-light: mix(#fff, $regina-peach, 20%);
$regina-peach-dark: mix(#000, $regina-peach, 20%);
.element {
color: $regina-peach;
box-shadow: 0 0 0 2px rgba($regina-peach, 0.35);
}