이름 색상 · #FFC06C
Simply Peachy
Simply Peachy은(는) #FFC06C: rgb(255 192 108), hsl(34 100% 71%), oklch(0.849 0.124 72.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Simply Peachy color name →
#FFC06C
oklch(0.849 0.124 72.7)
색상 변환
- HEX
- #ffc06c
- RGB
- rgb(255 192 108)
- HSL
- hsl(34 100% 71%)
- HWB
- hwb(34 42% 0%)
- OKLCH
- oklch(0.849 0.124 72.7)
- OKLab
- oklab(0.849 0.037 0.119)
- CIE Lab
- lab(82.35 16.84 50.94)
- LCH
- lch(82.35 53.65 71.7)
- CMYK
- cmyk(0% 25% 58% 0%)
틴트 · 셰이드 · 톤
틴트
- FFC77D
- FFCD8D
- FFD49C
- FFDAAB
- FFE0B9
- FFE7C7
- FFEDD5
- FFF3E3
- FFF9F1
셰이드
- DEA75D
- BE8E4E
- 9E7640
- 805F32
- 634925
- 483419
- 2E200D
- 160E04
- 030200
톤
- F2BA70
- E5B373
- D8AD76
- CBA779
- BEA07B
- B29A7C
- A5937E
- 998D7F
- 8C8780
색 조화
보색 +180°
- FFC06C
Simply Peachy
- AAD1FF
≈ Ice Cold Stare
유사색 -30° +30°
- FFC06C
Simply Peachy
- FFBBA0
≈ Pallid Orange
- DDD16B
≈ Lime Tree
삼각 배색 +120° +240°
- FFC06C
Simply Peachy
- 52E7E3
≈ Near Moon
- E5B9FF
≈ Lavender Fragrance
분열 보색 +150° +210°
- FFC06C
Simply Peachy
- 79DDFF
≈ Tranquil Pool
- C5C8FF
≈ Light Periwinkle
사각 배색 +90° +180° +270°
- FFC06C
Simply Peachy
- 79E7B5
≈ Jittery Jade
- AAD1FF
≈ Ice Cold Stare
- FFB1E0
≈ Hot Aquarelle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.00:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.00:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--simply-peachy: #ffc06c;
--simply-peachy-rgb: 255 192 108;
--simply-peachy-oklch: oklch(0.849 0.124 72.7);
}
.element {
color: var(--simply-peachy);
background-color: hsl(34 100% 71%);
border-color: oklch(0.849 0.124 72.7);
}Tailwind CSS v4
@theme {
--color-simply-peachy: #ffc06c;
--color-simply-peachy-50: #fff1ce;
--color-simply-peachy-100: #ffe3ba;
--color-simply-peachy-200: #f4cd99;
--color-simply-peachy-300: #ddae6d;
--color-simply-peachy-400: #cb9242;
--color-simply-peachy-500: #b77600;
--color-simply-peachy-600: #9b6400;
--color-simply-peachy-700: #7c5002;
--color-simply-peachy-800: #5d3a02;
--color-simply-peachy-900: #412702;
--color-simply-peachy-950: #2a1500;
}SCSS
$simply-peachy: #ffc06c;
$simply-peachy-rgb: 255, 192, 108;
$simply-peachy-light: mix(#fff, $simply-peachy, 20%);
$simply-peachy-dark: mix(#000, $simply-peachy, 20%);
.element {
color: $simply-peachy;
box-shadow: 0 0 0 2px rgba($simply-peachy, 0.35);
}