이름 색상 · #FFA167
Peach Cobbler
Peach Cobbler은(는) #FFA167: rgb(255 161 103), hsl(23 100% 70%), oklch(0.793 0.134 51.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peach Cobbler color name →
#FFA167
oklch(0.793 0.134 51.4)
색상 변환
- HEX
- #ffa167
- RGB
- rgb(255 161 103)
- HSL
- hsl(23 100% 70%)
- HWB
- hwb(23 40% 0%)
- OKLCH
- oklch(0.793 0.134 51.4)
- OKLab
- oklab(0.793 0.084 0.105)
- CIE Lab
- lab(75.22 31.96 45.14)
- LCH
- lch(75.22 55.31 54.7)
- CMYK
- cmyk(0% 37% 60% 0%)
틴트 · 셰이드 · 톤
틴트
- FFAB78
- FFB587
- FFBE97
- FFC8A6
- FFD1B5
- FFDAC4
- FFE4D3
- FFEDE1
- FFF6F0
셰이드
- DE8B59
- BE764B
- 9E623D
- 804E30
- 633C23
- 482A17
- 2E190C
- 160904
- 030100
톤
- F29E6B
- E69B6F
- D99872
- CC9575
- C09277
- B38E79
- A68B7B
- 9A877D
- 8D847F
색 조화
보색 +180°
- FFA167
Peach Cobbler
- 55CAFF
≈ Thor’s Thunder
유사색 -30° +30°
- FFA167
Peach Cobbler
- FF9B99
≈ Rubber Radish
- E7B249
≈ Aztec Glimmer
삼각 배색 +120° +240°
- FFA167
Peach Cobbler
- 47D7B1
≈ Channel Marker Green
- BCAEFF
≈ Winterspring Lilac
분열 보색 +150° +210°
- FFA167
Peach Cobbler
- 08D4DF
≈ Aztec Turquoise
- 96BCFF
≈ Truesky Gloxym
사각 배색 +90° +180° +270°
- FFA167
Peach Cobbler
- 89D17F
≈ Fluorescence
- 55CAFF
≈ Thor’s Thunder
- E39EEF
≈ VIC 20 Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.99:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.54:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--peach-cobbler: #ffa167;
--peach-cobbler-rgb: 255 161 103;
--peach-cobbler-oklch: oklch(0.793 0.134 51.4);
}
.element {
color: var(--peach-cobbler);
background-color: hsl(23 100% 70%);
border-color: oklch(0.793 0.134 51.4);
}Tailwind CSS v4
@theme {
--color-peach-cobbler: #ffa167;
--color-peach-cobbler-50: #ffecd2;
--color-peach-cobbler-100: #ffddbf;
--color-peach-cobbler-200: #ffc59e;
--color-peach-cobbler-300: #eda475;
--color-peach-cobbler-400: #dc864f;
--color-peach-cobbler-500: #c9671f;
--color-peach-cobbler-600: #aa581d;
--color-peach-cobbler-700: #894618;
--color-peach-cobbler-800: #663211;
--color-peach-cobbler-900: #48220a;
--color-peach-cobbler-950: #2f1101;
}SCSS
$peach-cobbler: #ffa167;
$peach-cobbler-rgb: 255, 161, 103;
$peach-cobbler-light: mix(#fff, $peach-cobbler, 20%);
$peach-cobbler-dark: mix(#000, $peach-cobbler, 20%);
.element {
color: $peach-cobbler;
box-shadow: 0 0 0 2px rgba($peach-cobbler, 0.35);
}