이름 색상 · #D99290
Juicy Peach
Juicy Peach은(는) #D99290: rgb(217 146 144), hsl(2 49% 71%), oklch(0.73 0.087 21.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Juicy Peach color name →
#D99290
oklch(0.73 0.087 21.2)
색상 변환
- HEX
- #d99290
- RGB
- rgb(217 146 144)
- HSL
- hsl(2 49% 71%)
- HWB
- hwb(2 56% 15%)
- OKLCH
- oklch(0.73 0.087 21.2)
- OKLab
- oklab(0.73 0.081 0.031)
- CIE Lab
- lab(67.82 27.43 12.62)
- LCH
- lch(67.82 30.19 24.7)
- CMYK
- cmyk(0% 33% 34% 15%)
틴트 · 셰이드 · 톤
틴트
- DE9D9B
- E2A8A5
- E6B2B0
- EABDBB
- EEC8C6
- F2D3D1
- F5DEDD
- F9E9E8
- FCF4F3
셰이드
- BC7E7D
- A16B6A
- 865857
- 6C4645
- 533534
- 3B2524
- 251615
- 110807
- 020101
톤
- D0908E
- C78F8D
- BF8D8B
- B68B8A
- AD8A88
- A48887
- 9B8685
- 928483
- 898282
색 조화
보색 +180°
- D99290
Juicy Peach
- 5EB8BE
≈ Dickie Bird
유사색 -30° +30°
- D99290
Juicy Peach
- D291AE
≈ Moonlit Mauve
- D49875
≈ Sweet Cardamom
삼각 배색 +120° +240°
- D99290
Juicy Peach
- 8AB683
≈ Aniseed Leaf Green
- 89A8DF
≈ Queer Blue
분열 보색 +150° +210°
- D99290
Juicy Peach
- 6BBAA1
≈ Mint Cold Green
- 6CB2D5
≈ Skyscape
사각 배색 +90° +180° +270°
- D99290
Juicy Peach
- AAAD6C
≈ Wasabi Green
- 5EB8BE
≈ Dickie Bird
- A89EDA
≈ Simply Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.48:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.46:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.46:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--juicy-peach: #d99290;
--juicy-peach-rgb: 217 146 144;
--juicy-peach-oklch: oklch(0.73 0.087 21.2);
}
.element {
color: var(--juicy-peach);
background-color: hsl(2 49% 71%);
border-color: oklch(0.73 0.087 21.2);
}Tailwind CSS v4
@theme {
--color-juicy-peach: #d99290;
--color-juicy-peach-50: #ffecea;
--color-juicy-peach-100: #ffddda;
--color-juicy-peach-200: #f7c6c3;
--color-juicy-peach-300: #e1a7a3;
--color-juicy-peach-400: #cd8a88;
--color-juicy-peach-500: #b96e6d;
--color-juicy-peach-600: #9c5e5c;
--color-juicy-peach-700: #7d4b4a;
--color-juicy-peach-800: #5d3636;
--color-juicy-peach-900: #412525;
--color-juicy-peach-950: #291314;
}SCSS
$juicy-peach: #d99290;
$juicy-peach-rgb: 217, 146, 144;
$juicy-peach-light: mix(#fff, $juicy-peach, 20%);
$juicy-peach-dark: mix(#000, $juicy-peach, 20%);
.element {
color: $juicy-peach;
box-shadow: 0 0 0 2px rgba($juicy-peach, 0.35);
}