이름 색상 · #EFB495
Posh Peach
Posh Peach은(는) #EFB495: rgb(239 180 149), hsl(21 74% 76%), oklch(0.817 0.081 48.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Posh Peach color name →
#EFB495
oklch(0.817 0.081 48.9)
색상 변환
- HEX
- #efb495
- RGB
- rgb(239 180 149)
- HSL
- hsl(21 74% 76%)
- HWB
- hwb(21 58% 6%)
- OKLCH
- oklch(0.817 0.081 48.9)
- OKLab
- oklab(0.817 0.053 0.061)
- CIE Lab
- lab(78.31 19.19 24.63)
- LCH
- lch(78.31 31.22 52.1)
- CMYK
- cmyk(0% 25% 38% 6%)
틴트 · 셰이드 · 톤
틴트
- F1BCA0
- F3C3AA
- F5CBB5
- F7D2BF
- F8DACA
- FAE1D4
- FBE9DF
- FDF0EA
- FEF8F4
셰이드
- D09C81
- B1856D
- 946E5A
- 785848
- 5C4437
- 423026
- 2A1D16
- 140C08
- 030201
톤
- E4AF93
- D8AA91
- CDA48F
- C29F8D
- B79A8B
- AC9589
- A19087
- 968A85
- 8B8582
색 조화
보색 +180°
- EFB495
Posh Peach
- 8ACEED
≈ Pool Tiles
유사색 -30° +30°
- EFB495
Posh Peach
- F3AEAE
≈ Brain Pink
- E0BD87
≈ Bag of Gold
삼각 배색 +120° +240°
- EFB495
Posh Peach
- 8DD4BA
≈ Larimar Green
- C1BBF5
≈ Dried Lilac
분열 보색 +150° +210°
- EFB495
Posh Peach
- 81D3D7
≈ Aruba Blue
- A4C5F8
≈ Sky High
사각 배색 +90° +180° +270°
- EFB495
Posh Peach
- A9D09E
≈ Relaxation Green
- 8ACEED
≈ Pool Tiles
- DAB3E5
≈ Pretty Petunia
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.80:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.63:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.63:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--posh-peach: #efb495;
--posh-peach-rgb: 239 180 149;
--posh-peach-oklch: oklch(0.817 0.081 48.9);
}
.element {
color: var(--posh-peach);
background-color: hsl(21 74% 76%);
border-color: oklch(0.817 0.081 48.9);
}Tailwind CSS v4
@theme {
--color-posh-peach: #efb495;
--color-posh-peach-50: #ffefe1;
--color-posh-peach-100: #ffe1d0;
--color-posh-peach-200: #f2cbb6;
--color-posh-peach-300: #daac92;
--color-posh-peach-400: #c69074;
--color-posh-peach-500: #b27655;
--color-posh-peach-600: #966449;
--color-posh-peach-700: #79503a;
--color-posh-peach-800: #5a392a;
--color-posh-peach-900: #3f271c;
--color-posh-peach-950: #28150c;
}SCSS
$posh-peach: #efb495;
$posh-peach-rgb: 239, 180, 149;
$posh-peach-light: mix(#fff, $posh-peach, 20%);
$posh-peach-dark: mix(#000, $posh-peach, 20%);
.element {
color: $posh-peach;
box-shadow: 0 0 0 2px rgba($posh-peach, 0.35);
}