이름 색상 · #D0DD84
Fresh Pear
Fresh Pear은(는) #D0DD84: rgb(208 221 132), hsl(69 57% 69%), oklch(0.868 0.114 115.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Fresh Pear color name →
#D0DD84
oklch(0.868 0.114 115.6)
색상 변환
- HEX
- #d0dd84
- RGB
- rgb(208 221 132)
- HSL
- hsl(69 57% 69%)
- HWB
- hwb(69 52% 13%)
- OKLCH
- oklch(0.868 0.114 115.6)
- OKLab
- oklab(0.868 -0.049 0.103)
- CIE Lab
- lab(85.64 -14.45 42.04)
- LCH
- lch(85.64 44.45 109)
- CMYK
- cmyk(6% 0% 40% 13%)
틴트 · 셰이드 · 톤
틴트
- D4E191
- D9E49E
- DEE8AB
- E2EBB7
- E7EEC3
- ECF2D0
- F0F5DC
- F5F9E7
- FAFCF3
셰이드
- B5C072
- 9AA460
- 80884F
- 676E3F
- 4F552F
- 393D20
- 232612
- 101106
- 020201
톤
- C8D385
- BFCA85
- B7C085
- AFB785
- A7AE85
- 9FA584
- 979B84
- 8F9283
- 888981
색 조화
보색 +180°
- D0DD84
Fresh Pear
- D7CBFF
≈ Lavender Blue
유사색 -30° +30°
- D0DD84
Fresh Pear
- F5CE78
≈ Golden Churro
- A3E8A6
≈ Grape Green
삼각 배색 +120° +240°
- D0DD84
Fresh Pear
- A3DCFF
≈ Droplet
- FFBED5
≈ Cotton Candy
분열 보색 +150° +210°
- D0DD84
Fresh Pear
- BFD4FF
≈ Pale Phthalo Blue
- FABAFC
≈ Sweet Slumber Pink
사각 배색 +90° +180° +270°
- D0DD84
Fresh Pear
- 6AE9F8
≈ Robin’s Egg
- D7CBFF
≈ Lavender Blue
- FFC2BC
≈ Ladylike
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.35:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.35:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--fresh-pear: #d0dd84;
--fresh-pear-rgb: 208 221 132;
--fresh-pear-oklch: oklch(0.868 0.114 115.6);
}
.element {
color: var(--fresh-pear);
background-color: hsl(69 57% 69%);
border-color: oklch(0.868 0.114 115.6);
}Tailwind CSS v4
@theme {
--color-fresh-pear: #d0dd84;
--color-fresh-pear-50: #f2fad6;
--color-fresh-pear-100: #e4eec3;
--color-fresh-pear-200: #d0dba4;
--color-fresh-pear-300: #b2c07c;
--color-fresh-pear-400: #9ba754;
--color-fresh-pear-500: #838f27;
--color-fresh-pear-600: #6f7923;
--color-fresh-pear-700: #59611c;
--color-fresh-pear-800: #424611;
--color-fresh-pear-900: #2e310a;
--color-fresh-pear-950: #1b1d00;
}SCSS
$fresh-pear: #d0dd84;
$fresh-pear-rgb: 208, 221, 132;
$fresh-pear-light: mix(#fff, $fresh-pear, 20%);
$fresh-pear-dark: mix(#000, $fresh-pear, 20%);
.element {
color: $fresh-pear;
box-shadow: 0 0 0 2px rgba($fresh-pear, 0.35);
}