Nazwany kolor · #84625A
Smoked Almond
Smoked Almond to #84625A: rgb(132 98 90), hsl(11 19% 44%), oklch(0.529 0.046 33.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Smoked Almond color name →
#84625A
oklch(0.529 0.046 33.6)
Konwersje koloru
- HEX
- #84625a
- RGB
- rgb(132 98 90)
- HSL
- hsl(11 19% 44%)
- HWB
- hwb(11 35% 48%)
- OKLCH
- oklch(0.529 0.046 33.6)
- OKLab
- oklab(0.529 0.039 0.026)
- CIE Lab
- lab(44.96 13.32 10.22)
- LCH
- lch(44.96 16.79 37.5)
- CMYK
- cmyk(0% 26% 32% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 907169
- 9C7F79
- A88F88
- B49E99
- C1AEA9
- CDBDBA
- D9CDCB
- E6DEDC
- F2EEED
Odcienie ciemniejsze
- 72544D
- 604741
- 4F3A35
- 3F2D29
- 2F211E
- 201613
- 120B09
- 060303
- 010000
Tony
- 84655E
- 846862
- 836B65
- 836E69
- 83716D
- 827471
- 827775
- 817A78
- 817D7C
Harmonie kolorów
Komplementarna +180°
- 84625A
Smoked Almond
- 4B737C
≈ Hydro
Analogowa -30° +30°
- 84625A
Smoked Almond
- 836068
≈ Celine
- 7F6650
≈ Otter
Triada +120° +240°
- 84625A
Smoked Almond
- 57745F
≈ Painted Turtle
- 636A87
≈ Dangerously Elegant
Komplementarna rozszczepiona +150° +210°
- 84625A
Smoked Almond
- 4C746E
≈ Tandayapa Cloud Forest
- 546F85
≈ Captains Blue
Tetrada +90° +180° +270°
- 84625A
Smoked Almond
- 667053
≈ French Tarragon
- 4B737C
≈ Hydro
- 716582
≈ Hyacinth Arbour
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.41:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.87:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.41:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--smoked-almond: #84625a;
--smoked-almond-rgb: 132 98 90;
--smoked-almond-oklch: oklch(0.529 0.046 33.6);
}
.element {
color: var(--smoked-almond);
background-color: hsl(11 19% 44%);
border-color: oklch(0.529 0.046 33.6);
}Tailwind CSS v4
@theme {
--color-smoked-almond: #84625a;
--color-smoked-almond-50: #fff1ec;
--color-smoked-almond-100: #f7e3dd;
--color-smoked-almond-200: #e7cec7;
--color-smoked-almond-300: #ceb0a7;
--color-smoked-almond-400: #b8958d;
--color-smoked-almond-500: #a27b72;
--color-smoked-almond-600: #896961;
--color-smoked-almond-700: #6e544d;
--color-smoked-almond-800: #513d38;
--color-smoked-almond-900: #392a27;
--color-smoked-almond-950: #231715;
}SCSS
$smoked-almond: #84625a;
$smoked-almond-rgb: 132, 98, 90;
$smoked-almond-light: mix(#fff, $smoked-almond, 20%);
$smoked-almond-dark: mix(#000, $smoked-almond, 20%);
.element {
color: $smoked-almond;
box-shadow: 0 0 0 2px rgba($smoked-almond, 0.35);
}