Nazwany kolor · #F2B381
Smoked Ham
Smoked Ham to #F2B381: rgb(242 179 129), hsl(27 81% 73%), oklch(0.814 0.098 59.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Smoked Ham color name →
#F2B381
oklch(0.814 0.098 59.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F4BB8E
- F6C29B
- F7CAA7
- F9D2B4
- FAD9C1
- FBE1CD
- FCE8DA
- FDF0E6
- FEF7F2
Odcienie ciemniejsze
- D29B6F
- B4845E
- 966E4E
- 79583E
- 5E432E
- 432F1F
- 2B1D12
- 140C06
- 030101
Tony
- E6AE82
- DBA982
- CFA482
- C49F82
- B89A82
- AD9582
- A29082
- 968A81
- 8B8581
Harmonie kolorów
Komplementarna +180°
- F2B381
Smoked Ham
- 85CBFB
≈ Chromis Damsel Blue
Analogowa -30° +30°
- F2B381
Smoked Ham
- FBAA9D
≈ Poised Peach
- DCBF76
≈ Tropical Siesta
Triada +120° +240°
- F2B381
Smoked Ham
- 74D7C4
≈ Green Parakeet
- CBB4F9
≈ Violet Heaven
Komplementarna rozszczepiona +150° +210°
- F2B381
Smoked Ham
- 6DD4E5
≈ Middle Blue
- AAC0FF
≈ Pastel Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.54:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
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);
}