이름 색상 · #E7D6AF
Cider Yellow
Cider Yellow은(는) #E7D6AF: rgb(231 214 175), hsl(42 54% 80%), oklch(0.88 0.055 87.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Cider Yellow color name →
#E7D6AF
oklch(0.88 0.055 87.2)
색상 변환
- HEX
- #e7d6af
- RGB
- rgb(231 214 175)
- HSL
- hsl(42 54% 80%)
- HWB
- hwb(42 69% 9%)
- OKLCH
- oklch(0.88 0.055 87.2)
- OKLab
- oklab(0.88 0.003 0.055)
- CIE Lab
- lab(86.3 1.65 21.58)
- LCH
- lch(86.3 21.65 85.6)
- CMYK
- cmyk(0% 7% 24% 9%)
틴트 · 셰이드 · 톤
틴트
- E9DAB7
- ECDEBF
- EEE2C7
- F1E6CF
- F3EBD7
- F5EFDF
- F8F3E7
- FAF7EF
- FDFBF7
셰이드
- C9BA98
- AB9E81
- 8F846B
- 736A56
- 595241
- 403B2E
- 28251C
- 13100B
- 030201
톤
- DCCDAA
- D2C4A6
- C7BBA1
- BDB39C
- B2AA98
- A8A293
- 9E998E
- 94918A
- 8A8885
색 조화
보색 +180°
- E7D6AF
Cider Yellow
- C7D7FD
≈ Pale Phthalo Blue
유사색 -30° +30°
- E7D6AF
Cider Yellow
- F4CFB5
≈ Apricot Freeze
- D4DDB4
≈ Spring Thyme
삼각 배색 +120° +240°
- E7D6AF
Cider Yellow
- AEE2EA
≈ Across the Bay
- ECCBEB
≈ Bubblegum Crisis
분열 보색 +150° +210°
- E7D6AF
Cider Yellow
- B6DEF8
≈ Arctic Paradise
- DBD1F8
≈ Pale Lavender
사각 배색 +90° +180° +270°
- E7D6AF
Cider Yellow
- B2E4D7
≈ Ice Cube
- C7D7FD
≈ Pale Phthalo Blue
- F7C9D8
≈ Baby Steps
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.63:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.63:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--cider-yellow: #e7d6af;
--cider-yellow-rgb: 231 214 175;
--cider-yellow-oklch: oklch(0.88 0.055 87.2);
}
.element {
color: var(--cider-yellow);
background-color: hsl(42 54% 80%);
border-color: oklch(0.88 0.055 87.2);
}Tailwind CSS v4
@theme {
--color-cider-yellow: #e7d6af;
--color-cider-yellow-50: #fbf5e4;
--color-cider-yellow-100: #efe7d4;
--color-cider-yellow-200: #ddd4ba;
--color-cider-yellow-300: #c2b798;
--color-cider-yellow-400: #ac9d7a;
--color-cider-yellow-500: #96845c;
--color-cider-yellow-600: #7f704e;
--color-cider-yellow-700: #655a3e;
--color-cider-yellow-800: #4b412c;
--color-cider-yellow-900: #342d1e;
--color-cider-yellow-950: #201a0e;
}SCSS
$cider-yellow: #e7d6af;
$cider-yellow-rgb: 231, 214, 175;
$cider-yellow-light: mix(#fff, $cider-yellow, 20%);
$cider-yellow-dark: mix(#000, $cider-yellow, 20%);
.element {
color: $cider-yellow;
box-shadow: 0 0 0 2px rgba($cider-yellow, 0.35);
}