이름 색상 · #D79584
Sunburnt Toes
Sunburnt Toes은(는) #D79584: rgb(215 149 132), hsl(12 51% 68%), oklch(0.73 0.084 35). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Sunburnt Toes color name →
#D79584
oklch(0.73 0.084 35)
색상 변환
- HEX
- #d79584
- RGB
- rgb(215 149 132)
- HSL
- hsl(12 51% 68%)
- HWB
- hwb(12 52% 16%)
- OKLCH
- oklch(0.73 0.084 35)
- OKLab
- oklab(0.73 0.069 0.048)
- CIE Lab
- lab(68.07 24.05 19.54)
- LCH
- lch(68.07 30.99 39.1)
- CMYK
- cmyk(0% 31% 39% 16%)
틴트 · 셰이드 · 톤
틴트
- DC9F90
- E0AA9C
- E4B4A8
- E9BFB4
- EDCAC0
- F1D4CD
- F5DFD9
- F8EAE6
- FCF4F2
셰이드
- BB8172
- 9F6D60
- 855A4F
- 6B483F
- 52372F
- 3B2620
- 251612
- 110806
- 020101
톤
- CE9384
- C69184
- BD8F83
- B48D83
- AC8B83
- A38982
- 9A8782
- 928581
- 898281
색 조화
보색 +180°
- D79584
Sunburnt Toes
- 64B6C9
≈ Blouson Blue
유사색 -30° +30°
- D79584
Sunburnt Toes
- D692A1
≈ Sugar Tooth
- CD9D6F
≈ White Oak
삼각 배색 +120° +240°
- D79584
Sunburnt Toes
- 7CB891
≈ Green Eggs and Ham
- 98A4DD
≈ Dalmatian Sage
분열 보색 +150° +210°
- D79584
Sunburnt Toes
- 65B9AF
≈ Florida Turquoise
- 7AAEDA
≈ High Seas
사각 배색 +90° +180° +270°
- D79584
Sunburnt Toes
- 9CB177
≈ Death Guard
- 64B6C9
≈ Blouson Blue
- B49BD3
≈ Violet Velvet
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--sunburnt-toes: #d79584;
--sunburnt-toes-rgb: 215 149 132;
--sunburnt-toes-oklch: oklch(0.73 0.084 35);
}
.element {
color: var(--sunburnt-toes);
background-color: hsl(12 51% 68%);
border-color: oklch(0.73 0.084 35);
}Tailwind CSS v4
@theme {
--color-sunburnt-toes: #d79584;
--color-sunburnt-toes-50: #ffede4;
--color-sunburnt-toes-100: #ffdfd4;
--color-sunburnt-toes-200: #f6c9bb;
--color-sunburnt-toes-300: #dea999;
--color-sunburnt-toes-400: #cb8d7d;
--color-sunburnt-toes-500: #b77160;
--color-sunburnt-toes-600: #9a6051;
--color-sunburnt-toes-700: #7c4d41;
--color-sunburnt-toes-800: #5c372f;
--color-sunburnt-toes-900: #402620;
--color-sunburnt-toes-950: #291410;
}SCSS
$sunburnt-toes: #d79584;
$sunburnt-toes-rgb: 215, 149, 132;
$sunburnt-toes-light: mix(#fff, $sunburnt-toes, 20%);
$sunburnt-toes-dark: mix(#000, $sunburnt-toes, 20%);
.element {
color: $sunburnt-toes;
box-shadow: 0 0 0 2px rgba($sunburnt-toes, 0.35);
}