#DEC683
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity//" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>
Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/entity//
Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/entity//)
Use the native HTML custom element.
#DEC683
색상 값
#DEC683
222, 198, 131
44.2, 58.0%, 69.2%
44.2, 41.0%, 87.1%
0.0%, 10.8%, 41.0%, 12.9%
0.8316 0.0899 90.5
속성
색채 심리학
Pale yellows and creams evoke sunlight, freshness, and intellectual clarity. They are the lightest chromatic colors the eye perceives, creating a sense of spaciousness and openness. Light yellow is often associated with new beginnings and gentle happiness.
Design Usage
Light yellows are excellent for background tints, highlight markers, and information callout boxes. They add warmth to white-dominated layouts without overwhelming the content hierarchy. Use them cautiously for text backgrounds since pale yellow on white creates poor contrast ratios.
색상 조화
색각 이상 시뮬레이션
CSS 사용법
background-color: #DEC683;
color: #DEC683;
border-color: #DEC683;
Orange 200
#FED7AA
Tailwind 쉐이드
대비 검사기
흰색 배경 텍스트
1.68:1
검정 배경 텍스트
12.51:1
비교하기
관련 글
자주 묻는 질문
What are the RGB, HSL, and CMYK values of #DEC683?
RGB(222, 198, 131) · HSL(44.2, 58.0%, 69.2%) · CMYK(0.0%, 10.8%, 41.0%, 12.9%)
Does #DEC683 meet WCAG contrast on white?
1.68:1 — WCAG AA 실패, AAA 실패 for normal text.
What text color is readable on #DEC683?
Use 000000 text on a #DEC683 background; contrast on black is 12.51:1.