Cor nomeada · #C0B28E
Trailblazer
Trailblazer é #C0B28E: rgb(192 178 142), hsl(43 28% 65%), oklch(0.766 0.051 89.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Trailblazer color name →
#C0B28E
oklch(0.766 0.051 89.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C6BA99
- CCC1A4
- D3C9AF
- D9D0BB
- DFD8C6
- E5E0D1
- ECE8DC
- F2EFE8
- F9F7F3
Sombras
- A79A7B
- 8E8368
- 766D56
- 5F5744
- 494334
- 342F24
- 201D15
- 0E0C07
- 020101
Tons
- B9AD8D
- B3A88C
- ACA38A
- A69E89
- 9F9988
- 999486
- 938F85
- 8C8A83
- 868582
Harmonias de cor
Complementar +180°
- C0B28E
Trailblazer
- A6B2D5
≈ Awesome Violet
Análoga -30° +30°
- C0B28E
Trailblazer
- CCAC93
≈ Pottery Wheel
- AFB894
≈ Moss Print
Tríade +120° +240°
- C0B28E
Trailblazer
- 8DBDC5
≈ Kingston Aqua
- C6A8C3
≈ Linnea Blossom
Complementar dividida +150° +210°
- C0B28E
Trailblazer
- 96B8D1
≈ Blue Pointer
- B7ACD0
≈ Jacey’s Favourite
Tétrade +90° +180° +270°
- C0B28E
Trailblazer
- 90BEB4
≈ Scenic View
- A6B2D5
≈ Awesome Violet
- D0A6B2
≈ Lady Flower
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.00:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 10.00:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos 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);
}