Colore con nome · #BBA990
Open Canyon
Open Canyon è #BBA990: rgb(187 169 144), hsl(35 24% 65%), oklch(0.744 0.04 76.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Open Canyon color name →
#BBA990
oklch(0.744 0.04 76.1)
Conversioni di colore
- HEX
- #bba990
- RGB
- rgb(187 169 144)
- HSL
- hsl(35 24% 65%)
- HWB
- hwb(35 56% 27%)
- OKLCH
- oklch(0.744 0.04 76.1)
- OKLab
- oklab(0.744 0.01 0.039)
- CIE Lab
- lab(70.31 3.78 15.45)
- LCH
- lch(70.31 15.91 76.3)
- CMYK
- cmyk(0% 10% 23% 27%)
Tinte · Ombre · Toni
Tinte
- C2B19B
- C8BAA6
- CFC2B0
- D6CBBB
- DDD3C6
- E3DCD2
- EAE5DD
- F1EDE8
- F8F6F4
Ombre
- A2927D
- 8A7C6A
- 736757
- 5C5345
- 463F34
- 322C24
- 1F1B15
- 0D0A07
- 020101
Toni
- B5A58F
- AFA18D
- A99D8B
- A3988A
- 9D9488
- 979087
- 918C85
- 8C8883
- 868482
Armonie di colore
Complementare +180°
- BBA990
Open Canyon
- 9CAEC6
≈ Satin Soft Blue
Analogo -30° +30°
- BBA990
Open Canyon
- C3A597
≈ Cosy Blanket
- AFAE91
≈ Olive Sprig
Triadico +120° +240°
- BBA990
Open Canyon
- 8FB4B4
≈ Artful Aqua
- B6A5BE
≈ Transparent Mauve
Complementare divisa +150° +210°
- BBA990
Open Canyon
- 92B2C0
≈ Bright Bluebonnet
- A9A9C5
≈ Cosmic Sky
Tetradico +90° +180° +270°
- BBA990
Open Canyon
- 95B5A6
≈ Nile River
- 9CAEC6
≈ Satin Soft Blue
- C0A2B1
≈ Decanting
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.19:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.19:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--open-canyon: #bba990;
--open-canyon-rgb: 187 169 144;
--open-canyon-oklch: oklch(0.744 0.04 76.1);
}
.element {
color: var(--open-canyon);
background-color: hsl(35 24% 65%);
border-color: oklch(0.744 0.04 76.1);
}Tailwind CSS v4
@theme {
--color-open-canyon: #bba990;
--color-open-canyon-50: #fcf4e9;
--color-open-canyon-100: #efe7d9;
--color-open-canyon-200: #ded3c1;
--color-open-canyon-300: #c3b5a1;
--color-open-canyon-400: #ad9c84;
--color-open-canyon-500: #968368;
--color-open-canyon-600: #7f6f59;
--color-open-canyon-700: #655947;
--color-open-canyon-800: #4b4033;
--color-open-canyon-900: #342c23;
--color-open-canyon-950: #1f1912;
}SCSS
$open-canyon: #bba990;
$open-canyon-rgb: 187, 169, 144;
$open-canyon-light: mix(#fff, $open-canyon, 20%);
$open-canyon-dark: mix(#000, $open-canyon, 20%);
.element {
color: $open-canyon;
box-shadow: 0 0 0 2px rgba($open-canyon, 0.35);
}