Color con nombre · #C0B28E
Trailblazer
Trailblazer es #C0B28E: rgb(192 178 142), hsl(43 28% 65%), oklch(0.766 0.051 89.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Trailblazer color name →
#C0B28E
oklch(0.766 0.051 89.3)
Conversiones de color
- HEX
- #c0b28e
- RGB
- rgb(192 178 142)
- HSL
- hsl(43 28% 65%)
- HWB
- hwb(43 56% 25%)
- OKLCH
- oklch(0.766 0.051 89.3)
- OKLab
- oklab(0.766 0.001 0.051)
- CIE Lab
- lab(73.08 0.98 20.39)
- LCH
- lch(73.08 20.41 87.2)
- CMYK
- cmyk(0% 7% 26% 25%)
Tintes · Sombras · Tonos
Tintes
- C6BA99
- CCC1A4
- D3C9AF
- D9D0BB
- DFD8C6
- E5E0D1
- ECE8DC
- F2EFE8
- F9F7F3
Sombras
- A79A7B
- 8E8368
- 766D56
- 5F5744
- 494334
- 342F24
- 201D15
- 0E0C07
- 020101
Tonos
- B9AD8D
- B3A88C
- ACA38A
- A69E89
- 9F9988
- 999486
- 938F85
- 8C8A83
- 868582
Armonías de color
Complementario +180°
- C0B28E
Trailblazer
- A6B2D5
≈ Awesome Violet
Análogo -30° +30°
- C0B28E
Trailblazer
- CCAC93
≈ Pottery Wheel
- AFB894
≈ Moss Print
Triádico +120° +240°
- C0B28E
Trailblazer
- 8DBDC5
≈ Kingston Aqua
- C6A8C3
≈ Linnea Blossom
Complementario dividido +150° +210°
- C0B28E
Trailblazer
- 96B8D1
≈ Blue Pointer
- B7ACD0
≈ Jacey’s Favourite
Tetrádico +90° +180° +270°
- C0B28E
Trailblazer
- 90BEB4
≈ Scenic View
- A6B2D5
≈ Awesome Violet
- D0A6B2
≈ Lady Flower
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASobre negro
WCAG 10.00:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--trailblazer: #c0b28e;
--trailblazer-rgb: 192 178 142;
--trailblazer-oklch: oklch(0.766 0.051 89.3);
}
.element {
color: var(--trailblazer);
background-color: hsl(43 28% 65%);
border-color: oklch(0.766 0.051 89.3);
}Tailwind CSS v4
@theme {
--color-trailblazer: #c0b28e;
--color-trailblazer-50: #faf5e5;
--color-trailblazer-100: #eee8d5;
--color-trailblazer-200: #dcd4bc;
--color-trailblazer-300: #c1b79a;
--color-trailblazer-400: #aa9d7c;
--color-trailblazer-500: #94855f;
--color-trailblazer-600: #7d7150;
--color-trailblazer-700: #645a40;
--color-trailblazer-800: #4a412e;
--color-trailblazer-900: #332d1f;
--color-trailblazer-950: #1f1a0f;
}SCSS
$trailblazer: #c0b28e;
$trailblazer-rgb: 192, 178, 142;
$trailblazer-light: mix(#fff, $trailblazer, 20%);
$trailblazer-dark: mix(#000, $trailblazer, 20%);
.element {
color: $trailblazer;
box-shadow: 0 0 0 2px rgba($trailblazer, 0.35);
}