이름 색상 · #D09800
Leopard
Leopard은(는) #D09800: rgb(208 152 0), hsl(44 100% 41%), oklch(0.714 0.147 82.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Leopard color name →
#D09800
oklch(0.714 0.147 82.1)
색상 변환
- HEX
- #d09800
- RGB
- rgb(208 152 0)
- HSL
- hsl(44 100% 41%)
- HWB
- hwb(44 0% 18%)
- OKLCH
- oklch(0.714 0.147 82.1)
- OKLab
- oklab(0.714 0.02 0.146)
- CIE Lab
- lab(66.93 14.17 70.51)
- LCH
- lch(66.93 71.92 78.6)
- CMYK
- cmyk(0% 27% 100% 18%)
틴트 · 셰이드 · 톤
틴트
- D5A339
- DAAD56
- DFB76E
- E4C284
- E8CC99
- EDD6AE
- F2E1C2
- F6EBD7
- FBF5EB
셰이드
- B58400
- 9A7000
- 805C00
- 674A00
- 4F3800
- 392700
- 231700
- 100800
- 020100
톤
- C89628
- C0943A
- B89248
- B09053
- A88D5C
- A08B65
- 98886C
- 908673
- 88837A
색 조화
보색 +180°
- D09800
Leopard
- 6FA1FE
≈ Âbi Blue
유사색 -30° +30°
- D09800
Leopard
- E98541
≈ Flamenco
- A6AB25
≈ Honey and Thyme
삼각 배색 +120° +240°
- D09800
Leopard
- 00B9C3
≈ Lago Blue
- CD81D9
≈ Lavender Perceptions
분열 보색 +150° +210°
- D09800
Leopard
- 00B1EE
≈ Lynx Screen Blue
- A690F6
≈ Cobalite
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.56:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.17:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--leopard: #d09800;
--leopard-rgb: 208 152 0;
--leopard-oklch: oklch(0.714 0.147 82.1);
}
.element {
color: var(--leopard);
background-color: hsl(44 100% 41%);
border-color: oklch(0.714 0.147 82.1);
}Tailwind CSS v4
@theme {
--color-leopard: #d09800;
--color-leopard-50: #fff3c6;
--color-leopard-100: #ffe5b0;
--color-leopard-200: #f2cf8a;
--color-leopard-300: #dbb158;
--color-leopard-400: #c99415;
--color-leopard-500: #b57900;
--color-leopard-600: #996700;
--color-leopard-700: #7b5200;
--color-leopard-800: #5c3b00;
--color-leopard-900: #412800;
--color-leopard-950: #291600;
}SCSS
$leopard: #d09800;
$leopard-rgb: 208, 152, 0;
$leopard-light: mix(#fff, $leopard, 20%);
$leopard-dark: mix(#000, $leopard, 20%);
.element {
color: $leopard;
box-shadow: 0 0 0 2px rgba($leopard, 0.35);
}