이름 색상 · #FFC69D
Gumdrops
Gumdrops은(는) #FFC69D: rgb(255 198 157), hsl(25 100% 81%), oklch(0.868 0.085 57.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Gumdrops color name →
#FFC69D
oklch(0.868 0.085 57.1)
색상 변환
- HEX
- #ffc69d
- RGB
- rgb(255 198 157)
- HSL
- hsl(25 100% 81%)
- HWB
- hwb(25 62% 0%)
- OKLCH
- oklch(0.868 0.085 57.1)
- OKLab
- oklab(0.868 0.046 0.071)
- CIE Lab
- lab(84.37 17.13 28.81)
- LCH
- lch(84.37 33.52 59.3)
- CMYK
- cmyk(0% 22% 38% 0%)
틴트 · 셰이드 · 톤
틴트
- FFCCA7
- FFD2B1
- FFD7BB
- FFDDC5
- FFE3CE
- FFE8D8
- FFEEE2
- FFF4EC
- FFF9F5
셰이드
- DEAC88
- BE9273
- 9E7A5F
- 80624C
- 634B3A
- 483528
- 2E2118
- 160E09
- 030201
톤
- F2BF9A
- E5B898
- D8B195
- CBAA92
- BEA38F
- B29C8C
- A59589
- 998E86
- 8C8783
색 조화
보색 +180°
- FFC69D
Gumdrops
- A5DCFF
≈ Droplet
유사색 -30° +30°
- FFC69D
Gumdrops
- FFC2BB
≈ Impatiens Pink
- ECD193
≈ Honeydew Sand
삼각 배색 +120° +240°
- FFC69D
Gumdrops
- 95E6D2
≈ Neverland
- D8CAFF
≈ Foggy Heath
분열 보색 +150° +210°
- FFC69D
Gumdrops
- 8EE4F0
≈ Aqua Fiesta
- C1D3FF
≈ Pale Phthalo Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.51:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.81:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.81:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--gumdrops: #ffc69d;
--gumdrops-rgb: 255 198 157;
--gumdrops-oklch: oklch(0.868 0.085 57.1);
}
.element {
color: var(--gumdrops);
background-color: hsl(25 100% 81%);
border-color: oklch(0.868 0.085 57.1);
}Tailwind CSS v4
@theme {
--color-gumdrops: #ffc69d;
--color-gumdrops-50: #fff0de;
--color-gumdrops-100: #fee2cc;
--color-gumdrops-200: #f1ccb1;
--color-gumdrops-300: #d9ad8c;
--color-gumdrops-400: #c5926d;
--color-gumdrops-500: #b1774c;
--color-gumdrops-600: #956541;
--color-gumdrops-700: #785134;
--color-gumdrops-800: #593a25;
--color-gumdrops-900: #3e2818;
--color-gumdrops-950: #271609;
}SCSS
$gumdrops: #ffc69d;
$gumdrops-rgb: 255, 198, 157;
$gumdrops-light: mix(#fff, $gumdrops, 20%);
$gumdrops-dark: mix(#000, $gumdrops, 20%);
.element {
color: $gumdrops;
box-shadow: 0 0 0 2px rgba($gumdrops, 0.35);
}