이름 색상 · #FFCCB6
Peach and Quiet
Peach and Quiet은(는) #FFCCB6: rgb(255 204 182), hsl(18 100% 86%), oklch(0.884 0.065 44.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach and Quiet color name →
#FFCCB6
oklch(0.884 0.065 44.5)
색상 변환
- HEX
- #ffccb6
- RGB
- rgb(255 204 182)
- HSL
- hsl(18 100% 86%)
- HWB
- hwb(18 71% 0%)
- OKLCH
- oklch(0.884 0.065 44.5)
- OKLab
- oklab(0.884 0.047 0.046)
- CIE Lab
- lab(86.19 16.36 18.22)
- LCH
- lch(86.19 24.49 48.1)
- CMYK
- cmyk(0% 20% 29% 0%)
틴트 · 셰이드 · 톤
틴트
- FFD1BD
- FFD6C5
- FFDBCC
- FFE1D3
- FFE6DA
- FFEBE2
- FFF0E9
- FFF5F0
- FFFAF8
셰이드
- DEB19E
- BE9786
- 9E7E6F
- 806559
- 634E44
- 483730
- 2E221D
- 160F0C
- 030202
톤
- F2C4B1
- E5BCAB
- D8B5A6
- CBADA0
- BEA59B
- B19E96
- A59690
- 998F8B
- 8C8785
색 조화
보색 +180°
- FFCCB6
Peach and Quiet
- AAE3F9
≈ Ganon Blue
유사색 -30° +30°
- FFCCB6
Peach and Quiet
- FFC9CC
≈ Sweet Memories
- F3D3A9
≈ Pekin Chicken
삼각 배색 +120° +240°
- FFCCB6
Peach and Quiet
- B1E7CE
≈ Coastal Foam
- D4D4FF
≈ Pale Phthalo Blue
분열 보색 +150° +210°
- FFCCB6
Peach and Quiet
- A6E7E6
≈ Cool Crayon
- C0DCFF
≈ Broad Daylight
사각 배색 +90° +180° +270°
- FFCCB6
Peach and Quiet
- C7E3B8
≈ Iced Avocado
- AAE3F9
≈ Ganon Blue
- E9CDF7
≈ Mousse aux Pruneaux
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.56:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--peach-and-quiet: #ffccb6;
--peach-and-quiet-rgb: 255 204 182;
--peach-and-quiet-oklch: oklch(0.884 0.065 44.5);
}
.element {
color: var(--peach-and-quiet);
background-color: hsl(18 100% 86%);
border-color: oklch(0.884 0.065 44.5);
}Tailwind CSS v4
@theme {
--color-peach-and-quiet: #ffccb6;
--color-peach-and-quiet-50: #fff0e6;
--color-peach-and-quiet-100: #fce2d6;
--color-peach-and-quiet-200: #edccbd;
--color-peach-and-quiet-300: #d5ae9b;
--color-peach-and-quiet-400: #c0937f;
--color-peach-and-quiet-500: #ab7862;
--color-peach-and-quiet-600: #916653;
--color-peach-and-quiet-700: #745242;
--color-peach-and-quiet-800: #563b30;
--color-peach-and-quiet-900: #3c2821;
--color-peach-and-quiet-950: #261610;
}SCSS
$peach-and-quiet: #ffccb6;
$peach-and-quiet-rgb: 255, 204, 182;
$peach-and-quiet-light: mix(#fff, $peach-and-quiet, 20%);
$peach-and-quiet-dark: mix(#000, $peach-and-quiet, 20%);
.element {
color: $peach-and-quiet;
box-shadow: 0 0 0 2px rgba($peach-and-quiet, 0.35);
}