이름 색상 · #7D4638
Armadillo Egg
Armadillo Egg은(는) #7D4638: rgb(125 70 56), hsl(12 38% 35%), oklch(0.457 0.079 35.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Armadillo Egg color name →
#7D4638
oklch(0.457 0.079 35.2)
색상 변환
- HEX
- #7d4638
- RGB
- rgb(125 70 56)
- HSL
- hsl(12 38% 35%)
- HWB
- hwb(12 22% 51%)
- OKLCH
- oklch(0.457 0.079 35.2)
- OKLab
- oklab(0.457 0.065 0.046)
- CIE Lab
- lab(36.35 23.04 19.18)
- LCH
- lch(36.35 29.98 39.8)
- CMYK
- cmyk(0% 44% 55% 51%)
틴트 · 셰이드 · 톤
틴트
- 8A574A
- 98695D
- A57B70
- B28D83
- BF9F97
- CCB2AB
- D8C5BF
- E5D8D4
- F2EBE9
셰이드
- 6C3C2F
- 5B3227
- 4B281F
- 3B1E17
- 2C150F
- 1E0D08
- 110504
- 050201
- 010000
톤
- 7E4C3F
- 7F5246
- 80584E
- 805E55
- 81645C
- 816963
- 816F6A
- 817571
- 807A79
색 조화
보색 +180°
- 7D4638
Armadillo Egg
- 056273
≈ Green Spool
유사색 -30° +30°
- 7D4638
Armadillo Egg
- 7C4351
≈ Berry Bush
- 754D22
≈ Chocolate Rain
삼각 배색 +120° +240°
- 7D4638
Armadillo Egg
- 2E6443
≈ Forest Serenade
- 4A5383
≈ Blue Jewel
분열 보색 +150° +210°
- 7D4638
Armadillo Egg
- 04655D
≈ Arizona Stone
- 2D5B80
≈ Dark Blue
사각 배색 +90° +180° +270°
- 7D4638
Armadillo Egg
- 4D5F2B
≈ Obscure Olive
- 056273
≈ Green Spool
- 624B7B
≈ Royal Robe
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.48:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.80:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.48:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--armadillo-egg: #7d4638;
--armadillo-egg-rgb: 125 70 56;
--armadillo-egg-oklch: oklch(0.457 0.079 35.2);
}
.element {
color: var(--armadillo-egg);
background-color: hsl(12 38% 35%);
border-color: oklch(0.457 0.079 35.2);
}Tailwind CSS v4
@theme {
--color-armadillo-egg: #7d4638;
--color-armadillo-egg-50: #ffeee5;
--color-armadillo-egg-100: #ffdfd5;
--color-armadillo-egg-200: #f4c9bd;
--color-armadillo-egg-300: #dcaa9b;
--color-armadillo-egg-400: #c88e7f;
--color-armadillo-egg-500: #b47362;
--color-armadillo-egg-600: #986153;
--color-armadillo-egg-700: #7a4e42;
--color-armadillo-egg-800: #5b3830;
--color-armadillo-egg-900: #3f2621;
--color-armadillo-egg-950: #281510;
}SCSS
$armadillo-egg: #7d4638;
$armadillo-egg-rgb: 125, 70, 56;
$armadillo-egg-light: mix(#fff, $armadillo-egg, 20%);
$armadillo-egg-dark: mix(#000, $armadillo-egg, 20%);
.element {
color: $armadillo-egg;
box-shadow: 0 0 0 2px rgba($armadillo-egg, 0.35);
}