Color con nombre · #B5AB8F
Travertine Path
Travertine Path es #B5AB8F: rgb(181 171 143), hsl(44 20% 64%), oklch(0.742 0.04 90.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Travertine Path color name →
#B5AB8F
oklch(0.742 0.04 90.7)
Conversiones de color
- HEX
- #b5ab8f
- RGB
- rgb(181 171 143)
- HSL
- hsl(44 20% 64%)
- HWB
- hwb(44 56% 29%)
- OKLCH
- oklch(0.742 0.04 90.7)
- OKLab
- oklab(0.742 0 0.04)
- CIE Lab
- lab(70.27 0.29 15.85)
- LCH
- lch(70.27 15.85 89)
- CMYK
- cmyk(0% 6% 21% 29%)
Tintes · Sombras · Tonos
Tintes
- BCB39A
- C3BBA5
- CBC4B0
- D2CCBB
- D9D4C6
- E1DDD1
- E8E5DD
- F0EEE8
- F7F6F3
Sombras
- 9D947C
- 867E69
- 6F6857
- 595445
- 444034
- 302D24
- 1D1B15
- 0C0B07
- 020101
Tonos
- B0A78E
- AAA28C
- A59E8B
- 9F9A89
- 9A9588
- 959186
- 908D85
- 8A8883
- 858482
Armonías de color
Complementario +180°
- B5AB8F
Travertine Path
- A2ABC6
≈ Foxflower Viola
Análogo -30° +30°
- B5AB8F
Travertine Path
- BFA692
≈ Brown Teepee
- A7B094
≈ Family Tree
Triádico +120° +240°
- B5AB8F
Travertine Path
- 8FB3BA
≈ Lucy Blue
- BBA3B8
≈ Leek Blossom Pink
Complementario dividido +150° +210°
- B5AB8F
Travertine Path
- 95AFC3
≈ Porcelain Vase
- AFA6C2
≈ Winter Amethyst
Tetrádico +90° +180° +270°
- B5AB8F
Travertine Path
- 90B4AD
≈ Treetop
- A2ABC6
≈ Foxflower Viola
- C2A1AA
≈ Decanting
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.18:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos de código
CSS
:root {
--travertine-path: #b5ab8f;
--travertine-path-rgb: 181 171 143;
--travertine-path-oklch: oklch(0.742 0.04 90.7);
}
.element {
color: var(--travertine-path);
background-color: hsl(44 20% 64%);
border-color: oklch(0.742 0.04 90.7);
}Tailwind CSS v4
@theme {
--color-travertine-path: #b5ab8f;
--color-travertine-path-50: #f9f5e8;
--color-travertine-path-100: #ece8d9;
--color-travertine-path-200: #dad4c1;
--color-travertine-path-300: #beb7a1;
--color-travertine-path-400: #a79e84;
--color-travertine-path-500: #908668;
--color-travertine-path-600: #7a7158;
--color-travertine-path-700: #625a46;
--color-travertine-path-800: #484232;
--color-travertine-path-900: #322d22;
--color-travertine-path-950: #1e1a11;
}SCSS
$travertine-path: #b5ab8f;
$travertine-path-rgb: 181, 171, 143;
$travertine-path-light: mix(#fff, $travertine-path, 20%);
$travertine-path-dark: mix(#000, $travertine-path, 20%);
.element {
color: $travertine-path;
box-shadow: 0 0 0 2px rgba($travertine-path, 0.35);
}