Nazwany kolor · #D48948
Acorn Nut
Acorn Nut to #D48948: rgb(212 137 72), hsl(28 62% 56%), oklch(0.695 0.122 59.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Acorn Nut color name →
#D48948
oklch(0.695 0.122 59.5)
Konwersje koloru
- HEX
- #d48948
- RGB
- rgb(212 137 72)
- HSL
- hsl(28 62% 56%)
- HWB
- hwb(28 28% 17%)
- OKLCH
- oklch(0.695 0.122 59.5)
- OKLab
- oklab(0.695 0.062 0.105)
- CIE Lab
- lab(64.14 25.18 46.4)
- LCH
- lch(64.14 52.79 61.5)
- CMYK
- cmyk(0% 35% 66% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D9955C
- DEA16F
- E3AD82
- E7B894
- ECC4A6
- F0D0B7
- F4DCC9
- F8E7DB
- FCF3ED
Odcienie ciemniejsze
- B8763D
- 9D6433
- 835329
- 69421F
- 513116
- 3A220D
- 241406
- 100702
- 020100
Tony
- CC8950
- C48857
- BB875E
- B38763
- AB8669
- A2856E
- 9A8473
- 918377
- 89817C
Harmonie kolorów
Komplementarna +180°
- D48948
Acorn Nut
- 4AA6E0
≈ High Blue
Analogowa -30° +30°
- D48948
Acorn Nut
- DE7E6F
≈ Marmalade Magic
- BB9934
≈ Gold Taffeta
Triada +120° +240°
- D48948
Acorn Nut
- 1BB59F
≈ Aare River
- A88BDE
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D48948
Acorn Nut
- 00B0C5
≈ Antigua Blue
- 7F98E9
≈ Portage
Tetrada +90° +180° +270°
- D48948
Acorn Nut
- 61B273
≈ Pale Green
- 4AA6E0
≈ High Blue
- C780C1
≈ Lavender Sweater
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.81:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.47:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.47:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--acorn-nut: #d48948;
--acorn-nut-rgb: 212 137 72;
--acorn-nut-oklch: oklch(0.695 0.122 59.5);
}
.element {
color: var(--acorn-nut);
background-color: hsl(28 62% 56%);
border-color: oklch(0.695 0.122 59.5);
}Tailwind CSS v4
@theme {
--color-acorn-nut: #d48948;
--color-acorn-nut-50: #ffeed2;
--color-acorn-nut-100: #ffdfbf;
--color-acorn-nut-200: #fbc99f;
--color-acorn-nut-300: #e5a975;
--color-acorn-nut-400: #d38c4f;
--color-acorn-nut-500: #c06f1f;
--color-acorn-nut-600: #a25f1d;
--color-acorn-nut-700: #824c17;
--color-acorn-nut-800: #613610;
--color-acorn-nut-900: #44250a;
--color-acorn-nut-950: #2c1300;
}SCSS
$acorn-nut: #d48948;
$acorn-nut-rgb: 212, 137, 72;
$acorn-nut-light: mix(#fff, $acorn-nut, 20%);
$acorn-nut-dark: mix(#000, $acorn-nut, 20%);
.element {
color: $acorn-nut;
box-shadow: 0 0 0 2px rgba($acorn-nut, 0.35);
}