Couleur nommée la plus proche · #BFA16D
#BFA16D
Couleur nommée la plus proche: Silence Is Golden
#BFA16D (rgb(191 161 109), hsl(38 39% 59%), oklch(0.724 0.078 80.8)) est la plus proche de la couleur nommée Silence Is Golden. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#BFA16D
oklch(0.724 0.078 80.8)
Conversions de couleur
- HEX
- #bfa16d
- RGB
- rgb(191 161 109)
- HSL
- hsl(38 39% 59%)
- HWB
- hwb(38 43% 25%)
- OKLCH
- oklch(0.724 0.078 80.8)
- OKLab
- oklab(0.724 0.012 0.077)
- CIE Lab
- lab(68.07 6.22 31.39)
- LCH
- lch(68.07 32 78.8)
- CMYK
- cmyk(0% 16% 43% 25%)
Teintes · Ombres · Tons
Teintes
- C5AA7C
- CCB38A
- D2BD99
- D9C6A7
- DFD0B6
- E5D9C4
- ECE2D3
- F2ECE1
- F9F5F0
Ombres
- A68B5E
- 8D764F
- 756241
- 5E4E33
- 483C26
- 332A19
- 1F190D
- 0D0904
- 020101
Tons
- B99E70
- B29B72
- AC9774
- A59476
- 9F9178
- 998D7A
- 938A7C
- 8C877D
- 86837F
Harmonies de couleurs
Complémentaire +180°
- BFA16D
Silence Is Golden
- 8AA7D7
≈ Rip Van Periwinkle
Analogue -30° +30°
- BFA16D
Silence Is Golden
- CE9879
≈ Sweet Almond
- A8AB71
≈ Wasabi Green
Triadique +120° +240°
- BFA16D
Silence Is Golden
- 66B5B9
≈ Adonis
- BC96C4
≈ Atlantic Tulip
Complémentaire divisée +150° +210°
- BFA16D
Silence Is Golden
- 71AFCE
≈ Aspara
- A59ED3
≈ Simply Violet
Tétradique +90° +180° +270°
- BFA16D
Silence Is Golden
- 72B69F
≈ Turtle Lake
- 8AA7D7
≈ Rip Van Periwinkle
- CC92AC
≈ Moonlit Mauve
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.46:1 · APCA Lc 48
Ag
AAASur noir
WCAG 8.53:1 · APCA Lc 54
Meilleure couleur de texte: #000000
WCAG 8.53:1 (AAA) · APCA Lc 54
Contrast pairs
Extraits de code
CSS
:root {
--silence-is-golden: #bfa16d;
--silence-is-golden-rgb: 191 161 109;
--silence-is-golden-oklch: oklch(0.724 0.078 80.8);
}
.element {
color: var(--silence-is-golden);
background-color: hsl(38 39% 59%);
border-color: oklch(0.724 0.078 80.8);
}Tailwind CSS v4
@theme {
--color-silence-is-golden: #bfa16d;
--color-silence-is-golden-50: #fff4dd;
--color-silence-is-golden-100: #f5e6cb;
--color-silence-is-golden-200: #e5d2af;
--color-silence-is-golden-300: #cbb48a;
--color-silence-is-golden-400: #b69a69;
--color-silence-is-golden-500: #a18147;
--color-silence-is-golden-600: #886d3d;
--color-silence-is-golden-700: #6d5730;
--color-silence-is-golden-800: #513f22;
--color-silence-is-golden-900: #382b16;
--color-silence-is-golden-950: #231908;
}SCSS
$silence-is-golden: #bfa16d;
$silence-is-golden-rgb: 191, 161, 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);
}