이름 색상 · #EDA057
Doughnut
Doughnut은(는) #EDA057: rgb(237 160 87), hsl(29 81% 64%), oklch(0.768 0.128 62.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Doughnut color name →
#EDA057
oklch(0.768 0.128 62.4)
색상 변환
- HEX
- #eda057
- RGB
- rgb(237 160 87)
- HSL
- hsl(29 81% 64%)
- HWB
- hwb(29 34% 7%)
- OKLCH
- oklch(0.768 0.128 62.4)
- OKLab
- oklab(0.768 0.059 0.113)
- CIE Lab
- lab(72.64 24.46 49.44)
- LCH
- lch(72.64 55.16 63.7)
- CMYK
- cmyk(0% 32% 63% 7%)
틴트 · 셰이드 · 톤
틴트
- F0AA6A
- F2B47C
- F4BD8D
- F6C79E
- F8D0AE
- FADABE
- FBE3CE
- FDECDF
- FEF6EF
셰이드
- CE8B4B
- B0763E
- 936133
- 774E27
- 5C3B1C
- 422912
- 2A1908
- 140903
- 030100
톤
- E29D5D
- D79A63
- CC9768
- C1946D
- B69171
- AC8E74
- A18B78
- 96877B
- 8B847D
색 조화
보색 +180°
- EDA057
Doughnut
- 62BDFE
≈ Hello Summer
유사색 -30° +30°
- EDA057
Doughnut
- FA947F
≈ Parma Ham
- D0B147
≈ Sugar Leaves
삼각 배색 +120° +240°
- EDA057
Doughnut
- 30CEBA
≈ Exquisite Turquoise
- C39FF7
≈ Lavender Cream
분열 보색 +150° +210°
- EDA057
Doughnut
- 26C8E3
≈ Picnic Day Sky
- 9AAEFF
≈ Widowmaker
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.76:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.76:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--doughnut: #eda057;
--doughnut-rgb: 237 160 87;
--doughnut-oklch: oklch(0.768 0.128 62.4);
}
.element {
color: var(--doughnut);
background-color: hsl(29 81% 64%);
border-color: oklch(0.768 0.128 62.4);
}Tailwind CSS v4
@theme {
--color-doughnut: #eda057;
--color-doughnut-50: #ffeed0;
--color-doughnut-100: #ffe0bc;
--color-doughnut-200: #fbc99b;
--color-doughnut-300: #e5a970;
--color-doughnut-400: #d48c47;
--color-doughnut-500: #c06f06;
--color-doughnut-600: #a25f0e;
--color-doughnut-700: #824c0c;
--color-doughnut-800: #623608;
--color-doughnut-900: #452506;
--color-doughnut-950: #2c1300;
}SCSS
$doughnut: #eda057;
$doughnut-rgb: 237, 160, 87;
$doughnut-light: mix(#fff, $doughnut, 20%);
$doughnut-dark: mix(#000, $doughnut, 20%);
.element {
color: $doughnut;
box-shadow: 0 0 0 2px rgba($doughnut, 0.35);
}