이름 색상 · #D6B378
Egyptian Temple
Egyptian Temple은(는) #D6B378: rgb(214 179 120), hsl(38 53% 65%), oklch(0.784 0.086 80). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Egyptian Temple color name →
#D6B378
oklch(0.784 0.086 80)
색상 변환
- HEX
- #d6b378
- RGB
- rgb(214 179 120)
- HSL
- hsl(38 53% 65%)
- HWB
- hwb(38 47% 16%)
- OKLCH
- oklch(0.784 0.086 80)
- OKLab
- oklab(0.784 0.015 0.085)
- CIE Lab
- lab(75.09 7.39 35.05)
- LCH
- lch(75.09 35.82 78.1)
- CMYK
- cmyk(0% 16% 44% 16%)
틴트 · 셰이드 · 톤
틴트
- DABB86
- DEC294
- E3CAA1
- E7D1AF
- EBD9BC
- EFE1C9
- F3E8D7
- F7F0E4
- FBF7F2
셰이드
- BA9B67
- 9E8457
- 846E48
- 6A5839
- 52432A
- 3B2F1D
- 251D10
- 100C05
- 020101
톤
- CDAE7A
- C4A97B
- BCA47C
- B39F7D
- AA9A7E
- A2947F
- 998F7F
- 918A80
- 888580
색 조화
보색 +180°
- D6B378
Egyptian Temple
- 99BAF1
≈ Truesky Gloxym
유사색 -30° +30°
- D6B378
Egyptian Temple
- E6A987
≈ Ceramic Glaze
- BCBE7C
≈ Pine Glade
삼각 배색 +120° +240°
- D6B378
Egyptian Temple
- 70CACF
≈ Tropical Splash
- D2A7DB
≈ Favourite Lavender
분열 보색 +150° +210°
- D6B378
Egyptian Temple
- 7CC4E6
≈ Spritzig
- B7B0ED
≈ Purple Sand
사각 배색 +90° +180° +270°
- D6B378
Egyptian Temple
- 7ECBB0
≈ Pale Teal
- 99BAF1
≈ Truesky Gloxym
- E4A2C0
≈ Prettiest Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.98:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.57:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--egyptian-temple: #d6b378;
--egyptian-temple-rgb: 214 179 120;
--egyptian-temple-oklch: oklch(0.784 0.086 80);
}
.element {
color: var(--egyptian-temple);
background-color: hsl(38 53% 65%);
border-color: oklch(0.784 0.086 80);
}Tailwind CSS v4
@theme {
--color-egyptian-temple: #d6b378;
--color-egyptian-temple-50: #fff3da;
--color-egyptian-temple-100: #f7e6c8;
--color-egyptian-temple-200: #e7d1ab;
--color-egyptian-temple-300: #ceb485;
--color-egyptian-temple-400: #b99962;
--color-egyptian-temple-500: #a47f3e;
--color-egyptian-temple-600: #8b6c35;
--color-egyptian-temple-700: #6f562a;
--color-egyptian-temple-800: #533e1d;
--color-egyptian-temple-900: #3a2b13;
--color-egyptian-temple-950: #241805;
}SCSS
$egyptian-temple: #d6b378;
$egyptian-temple-rgb: 214, 179, 120;
$egyptian-temple-light: mix(#fff, $egyptian-temple, 20%);
$egyptian-temple-dark: mix(#000, $egyptian-temple, 20%);
.element {
color: $egyptian-temple;
box-shadow: 0 0 0 2px rgba($egyptian-temple, 0.35);
}