Cor nomeada · #CCB586
Tweed Jacket
Tweed Jacket é #CCB586: rgb(204 181 134), hsl(40 41% 66%), oklch(0.781 0.068 84.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Tweed Jacket color name →
#CCB586
oklch(0.781 0.068 84.8)
Conversões de cor
- HEX
- #ccb586
- RGB
- rgb(204 181 134)
- HSL
- hsl(40 41% 66%)
- HWB
- hwb(40 53% 20%)
- OKLCH
- oklch(0.781 0.068 84.8)
- OKLab
- oklab(0.781 0.006 0.068)
- CIE Lab
- lab(74.83 3.48 27.19)
- LCH
- lch(74.83 27.42 82.7)
- CMYK
- cmyk(0% 11% 34% 20%)
Tons claros · Sombras · Tons
Tons claros
- D1BC92
- D6C49E
- DBCBAA
- E0D2B6
- E5DAC2
- EAE1CE
- F0E9DA
- F5F0E7
- FAF8F3
Sombras
- B19D74
- 978662
- 7E6F51
- 655940
- 4E4430
- 373021
- 221D13
- 0F0C06
- 020201
Tons
- C4B086
- BCAA86
- B5A585
- ADA085
- A59A84
- 9E9583
- 969083
- 8F8A82
- 878581
Harmonias de cor
Complementar +180°
- CCB586
Tweed Jacket
- A3B8E4
≈ Teclis Blue
Análoga -30° +30°
- CCB586
Tweed Jacket
- DBAD8F
≈ Boot Hill Ghost
- B6BD8C
≈ Aloe Plant
Tríade +120° +240°
- CCB586
Tweed Jacket
- 83C5CC
≈ Angel Blue
- CEA9D0
≈ Graceful Garden
Complementar dividida +150° +210°
- CCB586
Tweed Jacket
- 8DC0DD
≈ Club Cruise
- BAB0DF
≈ Purple Hibiscus
Tétrade +90° +180° +270°
- CCB586
Tweed Jacket
- 89C7B5
≈ Aquastone
- A3B8E4
≈ Teclis Blue
- DCA6BA
≈ Pink Gin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.99:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.52:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--tweed-jacket: #ccb586;
--tweed-jacket-rgb: 204 181 134;
--tweed-jacket-oklch: oklch(0.781 0.068 84.8);
}
.element {
color: var(--tweed-jacket);
background-color: hsl(40 41% 66%);
border-color: oklch(0.781 0.068 84.8);
}Tailwind CSS v4
@theme {
--color-tweed-jacket: #ccb586;
--color-tweed-jacket-50: #fef4e0;
--color-tweed-jacket-100: #f2e7cf;
--color-tweed-jacket-200: #e1d3b4;
--color-tweed-jacket-300: #c6b690;
--color-tweed-jacket-400: #b19c70;
--color-tweed-jacket-500: #9b8350;
--color-tweed-jacket-600: #836f44;
--color-tweed-jacket-700: #695936;
--color-tweed-jacket-800: #4e4026;
--color-tweed-jacket-900: #362c1a;
--color-tweed-jacket-950: #21190a;
}SCSS
$tweed-jacket: #ccb586;
$tweed-jacket-rgb: 204, 181, 134;
$tweed-jacket-light: mix(#fff, $tweed-jacket, 20%);
$tweed-jacket-dark: mix(#000, $tweed-jacket, 20%);
.element {
color: $tweed-jacket;
box-shadow: 0 0 0 2px rgba($tweed-jacket, 0.35);
}