Nazwany kolor · #BB9A71
Ancient Fresco
Ancient Fresco to #BB9A71: rgb(187 154 113), hsl(33 35% 59%), oklch(0.706 0.068 72.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Ancient Fresco color name →
#BB9A71
oklch(0.706 0.068 72.4)
Konwersje koloru
- HEX
- #bb9a71
- RGB
- rgb(187 154 113)
- HSL
- hsl(33 35% 59%)
- HWB
- hwb(33 44% 27%)
- OKLCH
- oklch(0.706 0.068 72.4)
- OKLab
- oklab(0.706 0.021 0.065)
- CIE Lab
- lab(65.92 8.5 26.4)
- LCH
- lch(65.92 27.74 72.2)
- CMYK
- cmyk(0% 18% 40% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2A47F
- C9AE8D
- CFB89B
- D6C2A9
- DDCCB7
- E4D6C5
- EBE0D4
- F1EAE2
- F8F5F0
Odcienie ciemniejsze
- A28561
- 8A7152
- 735E43
- 5C4B35
- 463927
- 32271A
- 1F170E
- 0D0904
- 020101
Tony
- B59773
- AF9575
- A99277
- A39078
- 9D8D7A
- 978B7B
- 92887C
- 8C857E
- 86837F
Harmonie kolorów
Komplementarna +180°
- BB9A71
Ancient Fresco
- 82A4CA
≈ Paula Loves Paris
Analogowa -30° +30°
- BB9A71
Ancient Fresco
- C6937F
≈ Sweet Beige
- A8A271
≈ Throw Rug
Triada +120° +240°
- BB9A71
Ancient Fresco
- 6CAEAC
≈ Poolrooms
- AF94BF
≈ Lavender Earl
Komplementarna rozszczepiona +150° +210°
- BB9A71
Ancient Fresco
- 70AABF
≈ Moonstone Blue
- 999CCA
≈ Velvet Robe
Tetrada +90° +180° +270°
- BB9A71
Ancient Fresco
- 79AE94
≈ Nature Green
- 82A4CA
≈ Paula Loves Paris
- BF90AC
≈ Fabulous Fantasy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.97:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.97:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--ancient-fresco: #bb9a71;
--ancient-fresco-rgb: 187 154 113;
--ancient-fresco-oklch: oklch(0.706 0.068 72.4);
}
.element {
color: var(--ancient-fresco);
background-color: hsl(33 35% 59%);
border-color: oklch(0.706 0.068 72.4);
}Tailwind CSS v4
@theme {
--color-ancient-fresco: #bb9a71;
--color-ancient-fresco-50: #fff3e0;
--color-ancient-fresco-100: #f6e5cf;
--color-ancient-fresco-200: #e6d1b5;
--color-ancient-fresco-300: #cdb391;
--color-ancient-fresco-400: #b89872;
--color-ancient-fresco-500: #a27f52;
--color-ancient-fresco-600: #896c46;
--color-ancient-fresco-700: #6e5638;
--color-ancient-fresco-800: #523e28;
--color-ancient-fresco-900: #392b1b;
--color-ancient-fresco-950: #23180b;
}SCSS
$ancient-fresco: #bb9a71;
$ancient-fresco-rgb: 187, 154, 113;
$ancient-fresco-light: mix(#fff, $ancient-fresco, 20%);
$ancient-fresco-dark: mix(#000, $ancient-fresco, 20%);
.element {
color: $ancient-fresco;
box-shadow: 0 0 0 2px rgba($ancient-fresco, 0.35);
}