이름 색상 · #F4A384
Creamy Peach
Creamy Peach은(는) #F4A384: rgb(244 163 132), hsl(17 84% 74%), oklch(0.788 0.106 41.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Creamy Peach color name →
#F4A384
oklch(0.788 0.106 41.7)
색상 변환
- HEX
- #f4a384
- RGB
- rgb(244 163 132)
- HSL
- hsl(17 84% 74%)
- HWB
- hwb(17 52% 4%)
- OKLCH
- oklch(0.788 0.106 41.7)
- OKLab
- oklab(0.788 0.079 0.07)
- CIE Lab
- lab(74.69 28.37 29.03)
- LCH
- lch(74.69 40.59 45.7)
- CMYK
- cmyk(0% 33% 46% 4%)
틴트 · 셰이드 · 톤
틴트
- F6AC90
- F8B69D
- F9BFA9
- FBC8B5
- FCD1C1
- FDDBCE
- FEE4DA
- FEEDE6
- FFF6F3
셰이드
- D48D72
- B57860
- 97634F
- 7A4F3F
- 5E3C2F
- 442A20
- 2B1912
- 140A06
- 030101
톤
- E8A084
- DD9C84
- D19984
- C69684
- BA9283
- AE8F83
- A38B82
- 978882
- 8C8481
색 조화
보색 +180°
- F4A384
Creamy Peach
- 63C9EA
≈ Spritzig
유사색 -30° +30°
- F4A384
Creamy Peach
- F59DA8
≈ Sweet 60
- E4AF6B
≈ Mac N Cheese
삼각 배색 +120° +240°
- F4A384
Creamy Peach
- 77CFA5
≈ Crystal Gem
- AEB2FC
≈ Winterspring Lilac
분열 보색 +150° +210°
- F4A384
Creamy Peach
- 5AD0CB
≈ Medium Turquoise
- 87BEFC
≈ Scenic Water
사각 배색 +90° +180° +270°
- F4A384
Creamy Peach
- A1C880
≈ Frenzy Plant
- 63C9EA
≈ Spritzig
- D0A6EC
≈ Bright Ube
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.01:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.41:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.41:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--creamy-peach: #f4a384;
--creamy-peach-rgb: 244 163 132;
--creamy-peach-oklch: oklch(0.788 0.106 41.7);
}
.element {
color: var(--creamy-peach);
background-color: hsl(17 84% 74%);
border-color: oklch(0.788 0.106 41.7);
}Tailwind CSS v4
@theme {
--color-creamy-peach: #f4a384;
--color-creamy-peach-50: #ffecdd;
--color-creamy-peach-100: #ffddcc;
--color-creamy-peach-200: #fcc6b0;
--color-creamy-peach-300: #e6a68b;
--color-creamy-peach-400: #d4896c;
--color-creamy-peach-500: #c06c4c;
--color-creamy-peach-600: #a25c41;
--color-creamy-peach-700: #824a33;
--color-creamy-peach-800: #613525;
--color-creamy-peach-900: #442419;
--color-creamy-peach-950: #2c120a;
}SCSS
$creamy-peach: #f4a384;
$creamy-peach-rgb: 244, 163, 132;
$creamy-peach-light: mix(#fff, $creamy-peach, 20%);
$creamy-peach-dark: mix(#000, $creamy-peach, 20%);
.element {
color: $creamy-peach;
box-shadow: 0 0 0 2px rgba($creamy-peach, 0.35);
}