이름 색상 · #E3A385
Peach Nougat
Peach Nougat은(는) #E3A385: rgb(227 163 133), hsl(19 63% 71%), oklch(0.769 0.087 46.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Peach Nougat color name →
#E3A385
oklch(0.769 0.087 46.1)
색상 변환
- HEX
- #e3a385
- RGB
- rgb(227 163 133)
- HSL
- hsl(19 63% 71%)
- HWB
- hwb(19 52% 11%)
- OKLCH
- oklch(0.769 0.087 46.1)
- OKLab
- oklab(0.769 0.06 0.063)
- CIE Lab
- lab(72.74 21.74 25.5)
- LCH
- lch(72.74 33.51 49.6)
- CMYK
- cmyk(0% 28% 41% 11%)
틴트 · 셰이드 · 톤
틴트
- E6AC91
- EAB59D
- EDBFA9
- F0C8B5
- F3D1C1
- F5DACE
- F8E3DA
- FAEDE6
- FDF6F3
셰이드
- C58D73
- A87861
- 8C6350
- 714F40
- 573C30
- 3F2A21
- 271913
- 120A06
- 030101
톤
- D9A085
- CF9C85
- C59984
- BB9584
- B19283
- A88E83
- 9E8B82
- 948782
- 8A8481
색 조화
보색 +180°
- E3A385
Peach Nougat
- 74C0DF
≈ Mizu
유사색 -30° +30°
- E3A385
Peach Nougat
- E69EA1
≈ Strawberry Smoothie
- D4AD74
≈ Drops of Honey
삼각 배색 +120° +240°
- E3A385
Peach Nougat
- 7CC6A7
≈ Green Balloon
- AFACE9
≈ Maximum Blue Purple
분열 보색 +150° +210°
- E3A385
Peach Nougat
- 6BC6C6
≈ Chinese Lacquer
- 90B7EB
≈ Electric Eel
사각 배색 +90° +180° +270°
- E3A385
Peach Nougat
- 9BC18A
≈ Olive Sand
- 74C0DF
≈ Mizu
- CAA3DA
≈ Spring Wisteria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.84:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.84:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--peach-nougat: #e3a385;
--peach-nougat-rgb: 227 163 133;
--peach-nougat-oklch: oklch(0.769 0.087 46.1);
}
.element {
color: var(--peach-nougat);
background-color: hsl(19 63% 71%);
border-color: oklch(0.769 0.087 46.1);
}Tailwind CSS v4
@theme {
--color-peach-nougat: #e3a385;
--color-peach-nougat-50: #ffeee0;
--color-peach-nougat-100: #ffe0cf;
--color-peach-nougat-200: #f4cab5;
--color-peach-nougat-300: #ddab91;
--color-peach-nougat-400: #ca8e73;
--color-peach-nougat-500: #b67353;
--color-peach-nougat-600: #996247;
--color-peach-nougat-700: #7b4e39;
--color-peach-nougat-800: #5c3829;
--color-peach-nougat-900: #40271b;
--color-peach-nougat-950: #29150c;
}SCSS
$peach-nougat: #e3a385;
$peach-nougat-rgb: 227, 163, 133;
$peach-nougat-light: mix(#fff, $peach-nougat, 20%);
$peach-nougat-dark: mix(#000, $peach-nougat, 20%);
.element {
color: $peach-nougat;
box-shadow: 0 0 0 2px rgba($peach-nougat, 0.35);
}