이름 색상 · #DDC283
Sunspill
Sunspill은(는) #DDC283: rgb(221 194 131), hsl(42 57% 69%), oklch(0.823 0.087 87.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sunspill color name →
#DDC283
oklch(0.823 0.087 87.3)
색상 변환
- HEX
- #ddc283
- RGB
- rgb(221 194 131)
- HSL
- hsl(42 57% 69%)
- HWB
- hwb(42 51% 13%)
- OKLCH
- oklch(0.823 0.087 87.3)
- OKLab
- oklab(0.823 0.004 0.087)
- CIE Lab
- lab(79.69 3.58 35.39)
- LCH
- lch(79.69 35.57 84.2)
- CMYK
- cmyk(0% 12% 41% 13%)
틴트 · 셰이드 · 톤
틴트
- E0C890
- E4CE9D
- E7D4A9
- EBDBB5
- EEE1C2
- F1E7CE
- F5EDDA
- F8F3E7
- FCF9F3
셰이드
- C0A871
- A48F60
- 88774F
- 6E603F
- 55492F
- 3D3420
- 262012
- 110E06
- 020201
톤
- D3BB83
- CAB584
- C0AE84
- B7A784
- ADA183
- A49A83
- 9B9483
- 928D82
- 898781
색 조화
보색 +180°
- DDC283
Sunspill
- ACC4FE
≈ Pastel Blue
유사색 -30° +30°
- DDC283
Sunspill
- F0B78D
≈ Melón Meloso
- C0CD8C
≈ Haricot
삼각 배색 +120° +240°
- DDC283
Sunspill
- 7DD5E2
≈ Middle Blue
- E4B2E2
≈ Pink Gems
분열 보색 +150° +210°
- DDC283
Sunspill
- 8ECEF7
≈ Drift on the Sea
- CBBAF7
≈ Violet Heaven
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.11:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--sunspill: #ddc283;
--sunspill-rgb: 221 194 131;
--sunspill-oklch: oklch(0.823 0.087 87.3);
}
.element {
color: var(--sunspill);
background-color: hsl(42 57% 69%);
border-color: oklch(0.823 0.087 87.3);
}Tailwind CSS v4
@theme {
--color-sunspill: #ddc283;
--color-sunspill-50: #fff5da;
--color-sunspill-100: #f3e7c8;
--color-sunspill-200: #e3d3ab;
--color-sunspill-300: #c9b684;
--color-sunspill-400: #b49c61;
--color-sunspill-500: #9f823c;
--color-sunspill-600: #866e34;
--color-sunspill-700: #6b5829;
--color-sunspill-800: #50401c;
--color-sunspill-900: #382c12;
--color-sunspill-950: #221905;
}SCSS
$sunspill: #ddc283;
$sunspill-rgb: 221, 194, 131;
$sunspill-light: mix(#fff, $sunspill, 20%);
$sunspill-dark: mix(#000, $sunspill, 20%);
.element {
color: $sunspill;
box-shadow: 0 0 0 2px rgba($sunspill, 0.35);
}