이름 색상 · #F2C5B2
Peach Temptation
Peach Temptation은(는) #F2C5B2: rgb(242 197 178), hsl(18 71% 82%), oklch(0.858 0.058 44.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach Temptation color name →
#F2C5B2
oklch(0.858 0.058 44.1)
색상 변환
- HEX
- #f2c5b2
- RGB
- rgb(242 197 178)
- HSL
- hsl(18 71% 82%)
- HWB
- hwb(18 70% 5%)
- OKLCH
- oklch(0.858 0.058 44.1)
- OKLab
- oklab(0.858 0.042 0.04)
- CIE Lab
- lab(83.17 14.5 15.92)
- LCH
- lch(83.17 21.54 47.7)
- CMYK
- cmyk(0% 19% 26% 5%)
틴트 · 셰이드 · 톤
틴트
- F4CBBA
- F5D1C1
- F7D6C9
- F8DCD1
- F9E2D8
- FBE8E0
- FCEEE8
- FDF3EF
- FEF9F7
셰이드
- D2AB9A
- B49283
- 96796D
- 796157
- 5E4B43
- 43352F
- 2B211D
- 140E0C
- 030201
톤
- E6BEAD
- DAB7A8
- CFB0A3
- C3A99E
- B8A299
- AD9B94
- A1948F
- 968E8A
- 8B8785
색 조화
보색 +180°
- F2C5B2
Peach Temptation
- A8D9ED
≈ Mizu Cyan
유사색 -30° +30°
- F2C5B2
Peach Temptation
- F4C2C5
≈ Cor-de-Pele
- E7CBA7
≈ Caramel Mousse
삼각 배색 +120° +240°
- F2C5B2
Peach Temptation
- AEDDC6
≈ Shallow Shore
- CBCCF6
≈ Miami White
분열 보색 +150° +210°
- F2C5B2
Peach Temptation
- A4DDDB
≈ Aqua Spray
- B7D3F6
≈ Frost Fairy
사각 배색 +90° +180° +270°
- F2C5B2
Peach Temptation
- C1D9B3
≈ Meadow Grass
- A8D9ED
≈ Mizu Cyan
- DEC6EB
≈ Foggy Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.40:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.40:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--peach-temptation: #f2c5b2;
--peach-temptation-rgb: 242 197 178;
--peach-temptation-oklch: oklch(0.858 0.058 44.1);
}
.element {
color: var(--peach-temptation);
background-color: hsl(18 71% 82%);
border-color: oklch(0.858 0.058 44.1);
}Tailwind CSS v4
@theme {
--color-peach-temptation: #f2c5b2;
--color-peach-temptation-50: #fff1e8;
--color-peach-temptation-100: #f9e2d8;
--color-peach-temptation-200: #eacdc0;
--color-peach-temptation-300: #d2af9f;
--color-peach-temptation-400: #bd9483;
--color-peach-temptation-500: #a77a67;
--color-peach-temptation-600: #8d6857;
--color-peach-temptation-700: #715346;
--color-peach-temptation-800: #543c33;
--color-peach-temptation-900: #3b2922;
--color-peach-temptation-950: #241712;
}SCSS
$peach-temptation: #f2c5b2;
$peach-temptation-rgb: 242, 197, 178;
$peach-temptation-light: mix(#fff, $peach-temptation, 20%);
$peach-temptation-dark: mix(#000, $peach-temptation, 20%);
.element {
color: $peach-temptation;
box-shadow: 0 0 0 2px rgba($peach-temptation, 0.35);
}