이름 색상 · #FFA883
Peach Fizz
Peach Fizz은(는) #FFA883: rgb(255 168 131), hsl(18 100% 76%), oklch(0.809 0.115 43.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach Fizz color name →
#FFA883
oklch(0.809 0.115 43.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFB190
- FFBA9C
- FFC3A9
- FFCBB5
- FFD4C1
- FFDDCE
- FFE5DA
- FFEEE6
- FFF6F3
셰이드
- DE9271
- BE7C60
- 9E674F
- 80523F
- 633F2F
- 482C20
- 2E1A12
- 160A06
- 030101
톤
- F2A483
- E5A183
- D99D83
- CC9983
- BF9583
- B39183
- A68D82
- 998982
- 8D8481
색 조화
보색 +180°
- FFA883
Peach Fizz
- 61D1F7
≈ Heisenberg Blue
유사색 -30° +30°
- FFA883
Peach Fizz
- FFA3AB
≈ Strawberry Frappé
- EDB568
≈ Ba-Dum Ching!
삼각 배색 +120° +240°
- FFA883
Peach Fizz
- 73D8AC
≈ Tadorna Teal
- B8B8FF
≈ Greyish Lavender
분열 보색 +150° +210°
- FFA883
Peach Fizz
- 52D8D6
≈ Neon Nazar
- 94C4FF
≈ Pastel Blue
사각 배색 +90° +180° +270°
- FFA883
Peach Fizz
- A2D184
≈ Gossip
- 61D1F7
≈ Heisenberg Blue
- DBAAF5
≈ Petal Plush
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.18:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.18:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
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);
}