이름 색상 · #D2D88F
Golden Delicious
Golden Delicious은(는) #D2D88F: rgb(210 216 143), hsl(65 48% 70%), oklch(0.861 0.094 112.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Golden Delicious color name →
#D2D88F
oklch(0.861 0.094 112.2)
색상 변환
- HEX
- #d2d88f
- RGB
- rgb(210 216 143)
- HSL
- hsl(65 48% 70%)
- HWB
- hwb(65 56% 15%)
- OKLCH
- oklch(0.861 0.094 112.2)
- OKLab
- oklab(0.861 -0.036 0.087)
- CIE Lab
- lab(84.6 -10.41 35.33)
- LCH
- lch(84.6 36.83 106.4)
- CMYK
- cmyk(3% 0% 34% 15%)
틴트 · 셰이드 · 톤
틴트
- D6DC9B
- DBE0A6
- DFE4B2
- E4E8BD
- E8ECC8
- EDF0D3
- F1F4DE
- F6F7E9
- FAFBF4
셰이드
- B6BC7C
- 9BA069
- 818557
- 686B45
- 505334
- 393B24
- 242515
- 101107
- 020201
톤
- C9CF8E
- C1C68D
- B8BD8C
- B0B48B
- A8AB89
- A0A288
- 989A86
- 909184
- 888982
색 조화
보색 +180°
- D2D88F
Golden Delicious
- D2C9FF
≈ Innocent Snowdrop
유사색 -30° +30°
- D2D88F
Golden Delicious
- F0CC89
≈ Spaghetti Monster
- AEE2A8
≈ Green Gooseberry
삼각 배색 +120° +240°
- D2D88F
Golden Delicious
- 99DBFF
≈ Shiva Blue
- FFBAD7
≈ Cotton Candy
분열 보색 +150° +210°
- D2D88F
Golden Delicious
- B9D2FF
≈ Ice Cold Stare
- EFBDF6
≈ Lovecloud
사각 배색 +90° +180° +270°
- D2D88F
Golden Delicious
- 80E4EC
≈ Paradisiacal Getaway
- D2C9FF
≈ Innocent Snowdrop
- FFBEBB
≈ Peach Scone
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.50:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.95:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 13.95:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--golden-delicious: #d2d88f;
--golden-delicious-rgb: 210 216 143;
--golden-delicious-oklch: oklch(0.861 0.094 112.2);
}
.element {
color: var(--golden-delicious);
background-color: hsl(65 48% 70%);
border-color: oklch(0.861 0.094 112.2);
}Tailwind CSS v4
@theme {
--color-golden-delicious: #d2d88f;
--color-golden-delicious-50: #f4f9da;
--color-golden-delicious-100: #e7ecc8;
--color-golden-delicious-200: #d3d9ab;
--color-golden-delicious-300: #b6bd85;
--color-golden-delicious-400: #9fa461;
--color-golden-delicious-500: #888c3c;
--color-golden-delicious-600: #737734;
--color-golden-delicious-700: #5c5f29;
--color-golden-delicious-800: #44451b;
--color-golden-delicious-900: #2f3012;
--color-golden-delicious-950: #1c1c04;
}SCSS
$golden-delicious: #d2d88f;
$golden-delicious-rgb: 210, 216, 143;
$golden-delicious-light: mix(#fff, $golden-delicious, 20%);
$golden-delicious-dark: mix(#000, $golden-delicious, 20%);
.element {
color: $golden-delicious;
box-shadow: 0 0 0 2px rgba($golden-delicious, 0.35);
}