이름 색상 · #F2B381
Smoked Ham
Smoked Ham은(는) #F2B381: rgb(242 179 129), hsl(27 81% 73%), oklch(0.814 0.098 59.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Smoked Ham color name →
#F2B381
oklch(0.814 0.098 59.2)
색상 변환
- HEX
- #f2b381
- RGB
- rgb(242 179 129)
- HSL
- hsl(27 81% 73%)
- HWB
- hwb(27 51% 5%)
- OKLCH
- oklch(0.814 0.098 59.2)
- OKLab
- oklab(0.814 0.05 0.085)
- CIE Lab
- lab(78.11 19.35 34.94)
- LCH
- lch(78.11 39.94 61)
- CMYK
- cmyk(0% 26% 47% 5%)
틴트 · 셰이드 · 톤
틴트
- F4BB8E
- F6C29B
- F7CAA7
- F9D2B4
- FAD9C1
- FBE1CD
- FCE8DA
- FDF0E6
- FEF7F2
셰이드
- D29B6F
- B4845E
- 966E4E
- 79583E
- 5E432E
- 432F1F
- 2B1D12
- 140C06
- 030101
톤
- E6AE82
- DBA982
- CFA482
- C49F82
- B89A82
- AD9582
- A29082
- 968A81
- 8B8581
색 조화
보색 +180°
- F2B381
Smoked Ham
- 85CBFB
≈ Chromis Damsel Blue
유사색 -30° +30°
- F2B381
Smoked Ham
- FBAA9D
≈ Poised Peach
- DCBF76
≈ Tropical Siesta
삼각 배색 +120° +240°
- F2B381
Smoked Ham
- 74D7C4
≈ Green Parakeet
- CBB4F9
≈ Violet Heaven
분열 보색 +150° +210°
- F2B381
Smoked Ham
- 6DD4E5
≈ Middle Blue
- AAC0FF
≈ Pastel Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.54:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--smoked-ham: #f2b381;
--smoked-ham-rgb: 242 179 129;
--smoked-ham-oklch: oklch(0.814 0.098 59.2);
}
.element {
color: var(--smoked-ham);
background-color: hsl(27 81% 73%);
border-color: oklch(0.814 0.098 59.2);
}Tailwind CSS v4
@theme {
--color-smoked-ham: #f2b381;
--color-smoked-ham-50: #ffefd9;
--color-smoked-ham-100: #ffe1c7;
--color-smoked-ham-200: #f4cbaa;
--color-smoked-ham-300: #ddac84;
--color-smoked-ham-400: #ca9062;
--color-smoked-ham-500: #b6753e;
--color-smoked-ham-600: #9a6335;
--color-smoked-ham-700: #7b4f2a;
--color-smoked-ham-800: #5c391e;
--color-smoked-ham-900: #402714;
--color-smoked-ham-950: #291506;
}SCSS
$smoked-ham: #f2b381;
$smoked-ham-rgb: 242, 179, 129;
$smoked-ham-light: mix(#fff, $smoked-ham, 20%);
$smoked-ham-dark: mix(#000, $smoked-ham, 20%);
.element {
color: $smoked-ham;
box-shadow: 0 0 0 2px rgba($smoked-ham, 0.35);
}