이름 색상 · #EDD4B1
Nashi Pear Beige
Nashi Pear Beige은(는) #EDD4B1: rgb(237 212 177), hsl(35 63% 81%), oklch(0.882 0.054 76.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Nashi Pear Beige color name →
#EDD4B1
oklch(0.882 0.054 76.2)
색상 변환
- HEX
- #edd4b1
- RGB
- rgb(237 212 177)
- HSL
- hsl(35 63% 81%)
- HWB
- hwb(35 69% 7%)
- OKLCH
- oklch(0.882 0.054 76.2)
- OKLab
- oklab(0.882 0.013 0.052)
- CIE Lab
- lab(86.36 5.1 20.73)
- LCH
- lch(86.36 21.35 76.2)
- CMYK
- cmyk(0% 11% 25% 7%)
틴트 · 셰이드 · 톤
틴트
- EFD8B9
- F1DDC1
- F3E1C8
- F4E5D0
- F6EAD8
- F8EEE0
- FAF2E8
- FCF6EF
- FDFBF7
셰이드
- CEB899
- B09D83
- 93836C
- 776957
- 5C5142
- 423A2F
- 2A241C
- 14100C
- 030201
톤
- E2CBAC
- D6C3A7
- CBBAA2
- C0B29E
- B5A999
- AAA194
- A0988F
- 95908A
- 8A8885
색 조화
보색 +180°
- EDD4B1
Nashi Pear Beige
- C1DAFC
≈ Broad Daylight
유사색 -30° +30°
- EDD4B1
Nashi Pear Beige
- F8CEBB
≈ Cape Sands
- DCDBB2
≈ Spring Thyme
삼각 배색 +120° +240°
- EDD4B1
Nashi Pear Beige
- AFE4E4
≈ Timeless Seafoam
- E7CEF1
≈ Mousse aux Pruneaux
분열 보색 +150° +210°
- EDD4B1
Nashi Pear Beige
- B3E0F4
≈ Echo Iris
- D4D4FB
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
- EDD4B1
Nashi Pear Beige
- B7E4D0
≈ Crystal Rapids
- C1DAFC
≈ Broad Daylight
- F4CADF
≈ Laelia Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.65:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.65:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--nashi-pear-beige: #edd4b1;
--nashi-pear-beige-rgb: 237 212 177;
--nashi-pear-beige-oklch: oklch(0.882 0.054 76.2);
}
.element {
color: var(--nashi-pear-beige);
background-color: hsl(35 63% 81%);
border-color: oklch(0.882 0.054 76.2);
}Tailwind CSS v4
@theme {
--color-nashi-pear-beige: #edd4b1;
--color-nashi-pear-beige-50: #fef4e4;
--color-nashi-pear-beige-100: #f2e6d4;
--color-nashi-pear-beige-200: #e1d2bb;
--color-nashi-pear-beige-300: #c7b599;
--color-nashi-pear-beige-400: #b19b7b;
--color-nashi-pear-beige-500: #9b825d;
--color-nashi-pear-beige-600: #836e50;
--color-nashi-pear-beige-700: #69583f;
--color-nashi-pear-beige-800: #4e402d;
--color-nashi-pear-beige-900: #362c1f;
--color-nashi-pear-beige-950: #21190e;
}SCSS
$nashi-pear-beige: #edd4b1;
$nashi-pear-beige-rgb: 237, 212, 177;
$nashi-pear-beige-light: mix(#fff, $nashi-pear-beige, 20%);
$nashi-pear-beige-dark: mix(#000, $nashi-pear-beige, 20%);
.element {
color: $nashi-pear-beige;
box-shadow: 0 0 0 2px rgba($nashi-pear-beige, 0.35);
}