Color con nombre · #C2A06D
Silence Is Golden
Silence Is Golden es #C2A06D: rgb(194 160 109), hsl(36 41% 59%), oklch(0.725 0.079 77.1). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Silence Is Golden color name →
#C2A06D
oklch(0.725 0.079 77.1)
Conversiones de color
- HEX
- #c2a06d
- RGB
- rgb(194 160 109)
- HSL
- hsl(36 41% 59%)
- HWB
- hwb(36 43% 24%)
- OKLCH
- oklch(0.725 0.079 77.1)
- OKLab
- oklab(0.725 0.018 0.077)
- CIE Lab
- lab(68.12 7.98 31.52)
- LCH
- lch(68.12 32.51 75.8)
- CMYK
- cmyk(0% 18% 44% 24%)
Tintes · Sombras · Tonos
Tintes
- C8A97C
- CEB38A
- D4BC99
- DAC6A7
- E1CFB6
- E7D9C4
- EDE2D3
- F3ECE1
- F9F5F0
Sombras
- A88B5E
- 8F764F
- 776141
- 604E33
- 493B26
- 342919
- 20190D
- 0E0904
- 020101
Tonos
- BB9D70
- B59A72
- AE9774
- A79376
- A19078
- 9A8D7A
- 948A7C
- 8D877D
- 87837F
Armonías de color
Complementario +180°
- C2A06D
Silence Is Golden
- 87A8D8
≈ Swift
Análogo -30° +30°
- C2A06D
Silence Is Golden
- D0977B
≈ Tawny Amber
- ABAA6F
≈ Wasabi Green
Triádico +120° +240°
- C2A06D
Silence Is Golden
- 66B6B7
≈ Swim
- BA97C7
≈ Atlantic Tulip
Complementario dividido +150° +210°
- C2A06D
Silence Is Golden
- 6EB0CD
≈ Charter
- A29FD5
≈ Simply Violet
Tetrádico +90° +180° +270°
- C2A06D
Silence Is Golden
- 74B69C
≈ Arboretum
- 87A8D8
≈ Swift
- CB92AF
≈ Bossy-Pants Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASobre negro
WCAG 8.54:1 · APCA Lc 54
Mejor color de texto: #000000
WCAG 8.54:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmentos de código
CSS
:root {
--silence-is-golden: #c2a06d;
--silence-is-golden-rgb: 194 160 109;
--silence-is-golden-oklch: oklch(0.725 0.079 77.1);
}
.element {
color: var(--silence-is-golden);
background-color: hsl(36 41% 59%);
border-color: oklch(0.725 0.079 77.1);
}Tailwind CSS v4
@theme {
--color-silence-is-golden: #c2a06d;
--color-silence-is-golden-50: #fff3dd;
--color-silence-is-golden-100: #f6e5cb;
--color-silence-is-golden-200: #e7d1af;
--color-silence-is-golden-300: #cdb38a;
--color-silence-is-golden-400: #b99969;
--color-silence-is-golden-500: #a37f47;
--color-silence-is-golden-600: #8a6c3d;
--color-silence-is-golden-700: #6f5630;
--color-silence-is-golden-800: #523e22;
--color-silence-is-golden-900: #392b16;
--color-silence-is-golden-950: #241808;
}SCSS
$silence-is-golden: #c2a06d;
$silence-is-golden-rgb: 194, 160, 109;
$silence-is-golden-light: mix(#fff, $silence-is-golden, 20%);
$silence-is-golden-dark: mix(#000, $silence-is-golden, 20%);
.element {
color: $silence-is-golden;
box-shadow: 0 0 0 2px rgba($silence-is-golden, 0.35);
}