Màu có tên · #FFA883
Peach Fizz
Peach Fizz là #FFA883: rgb(255 168 131), hsl(18 100% 76%), oklch(0.809 0.115 43.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 Pink mean? → · Peach Fizz color name →
#FFA883
oklch(0.809 0.115 43.7)
Chuyển đổi màu
- HEX
- #ffa883
- RGB
- rgb(255 168 131)
- HSL
- hsl(18 100% 76%)
- HWB
- hwb(18 51% 0%)
- OKLCH
- oklch(0.809 0.115 43.7)
- OKLab
- oklab(0.809 0.083 0.079)
- CIE Lab
- lab(77.1 30.11 32.97)
- LCH
- lch(77.1 44.65 47.6)
- CMYK
- cmyk(0% 34% 49% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB190
- FFBA9C
- FFC3A9
- FFCBB5
- FFD4C1
- FFDDCE
- FFE5DA
- FFEEE6
- FFF6F3
Sắc đậm
- DE9271
- BE7C60
- 9E674F
- 80523F
- 633F2F
- 482C20
- 2E1A12
- 160A06
- 030101
Sắc xám
- F2A483
- E5A183
- D99D83
- CC9983
- BF9583
- B39183
- A68D82
- 998982
- 8D8481
Hòa sắc
Bổ túc +180°
- FFA883
Peach Fizz
- 61D1F7
≈ Heisenberg Blue
Tương đồng -30° +30°
- FFA883
Peach Fizz
- FFA3AB
≈ Strawberry Frappé
- EDB568
≈ Ba-Dum Ching!
Bộ ba +120° +240°
- FFA883
Peach Fizz
- 73D8AC
≈ Tadorna Teal
- B8B8FF
≈ Greyish Lavender
Bổ túc chia +150° +210°
- FFA883
Peach Fizz
- 52D8D6
≈ Neon Nazar
- 94C4FF
≈ Pastel Blue
Bộ bốn +90° +180° +270°
- FFA883
Peach Fizz
- A2D184
≈ Gossip
- 61D1F7
≈ Heisenberg Blue
- DBAAF5
≈ Petal Plush
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.87:1 · APCA Lc 35
Ag
AAATrên nền đen
WCAG 11.18:1 · APCA Lc 67
Màu chữ tốt nhất: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
Đoạn mã
CSS
:root {
--peach-fizz: #ffa883;
--peach-fizz-rgb: 255 168 131;
--peach-fizz-oklch: oklch(0.809 0.115 43.7);
}
.element {
color: var(--peach-fizz);
background-color: hsl(18 100% 76%);
border-color: oklch(0.809 0.115 43.7);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #ffa883;
--color-peach-fizz-50: #ffecda;
--color-peach-fizz-100: #ffddc8;
--color-peach-fizz-200: #ffc6ac;
--color-peach-fizz-300: #e9a586;
--color-peach-fizz-400: #d78765;
--color-peach-fizz-500: #c46a43;
--color-peach-fizz-600: #a55a39;
--color-peach-fizz-700: #85482d;
--color-peach-fizz-800: #633421;
--color-peach-fizz-900: #462316;
--color-peach-fizz-950: #2d1207;
}SCSS
$peach-fizz: #ffa883;
$peach-fizz-rgb: 255, 168, 131;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}