Adlandırılmış renk · #F2B381
Smoked Ham
Smoked Ham, #F2B381: rgb(242 179 129), hsl(27 81% 73%), oklch(0.814 0.098 59.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Smoked Ham color name →
#F2B381
oklch(0.814 0.098 59.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F4BB8E
- F6C29B
- F7CAA7
- F9D2B4
- FAD9C1
- FBE1CD
- FCE8DA
- FDF0E6
- FEF7F2
Koyu tonlar
- D29B6F
- B4845E
- 966E4E
- 79583E
- 5E432E
- 432F1F
- 2B1D12
- 140C06
- 030101
Gri tonlar
- E6AE82
- DBA982
- CFA482
- C49F82
- B89A82
- AD9582
- A29082
- 968A81
- 8B8581
Renk uyumları
Tamamlayıcı +180°
- F2B381
Smoked Ham
- 85CBFB
≈ Chromis Damsel Blue
Analog -30° +30°
- F2B381
Smoked Ham
- FBAA9D
≈ Poised Peach
- DCBF76
≈ Tropical Siesta
Üçlü +120° +240°
- F2B381
Smoked Ham
- 74D7C4
≈ Green Parakeet
- CBB4F9
≈ Violet Heaven
Bölünmüş tamamlayıcı +150° +210°
- F2B381
Smoked Ham
- 6DD4E5
≈ Middle Blue
- AAC0FF
≈ Pastel Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.81:1 · APCA Lc 34
Ag
AAASiyah üzerinde
WCAG 11.54:1 · APCA Lc 69
En iyi metin rengi: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Kod parçacıkları
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);
}