Couleur nommée la plus proche · #A78D4B
#A78D4B
Couleur nommée la plus proche: Salted Capers
#A78D4B (rgb(167 141 75), hsl(43 38% 47%), oklch(0.653 0.091 88.3)) est la plus proche de la couleur nommée Salted Capers. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#A78D4B
oklch(0.653 0.091 88.3)
Conversions de couleur
- HEX
- #a78d4b
- RGB
- rgb(167 141 75)
- HSL
- hsl(43 38% 47%)
- HWB
- hwb(43 29% 35%)
- OKLCH
- oklch(0.653 0.091 88.3)
- OKLab
- oklab(0.653 0.003 0.091)
- CIE Lab
- lab(60 3.98 38.58)
- LCH
- lch(60 38.79 84.1)
- CMYK
- cmyk(0% 16% 55% 35%)
Teintes · Ombres · Tons
Teintes
- B0985E
- B8A370
- C1AF82
- CABA94
- D2C5A5
- DBD1B7
- E4DCC9
- EDE8DB
- F6F3ED
Ombres
- 917A40
- 7B6735
- 66552B
- 524421
- 3E3317
- 2C230E
- 1A1406
- 0A0702
- 010100
Tons
- A38C52
- 9F8B58
- 9B8A5E
- 978864
- 938769
- 90866E
- 8C8473
- 888377
- 84817C
Harmonies de couleurs
Complémentaire +180°
- A78D4B
Salted Capers
- 788EC8
≈ Hydrangea
Analogue -30° +30°
- A78D4B
Salted Capers
- BA8256
≈ Southern Barrens Mud
- 8B9856
≈ Topiary
Triadique +120° +240°
- A78D4B
Salted Capers
- 3F9FAD
≈ Teal Glacier
- AF7CAC
≈ Victorian Violet
Complémentaire divisée +150° +210°
- A78D4B
Salted Capers
- 5798C1
≈ Blueberry Soft Blue
- 9784C1
≈ Amethyst Grey
Tétradique +90° +180° +270°
- A78D4B
Salted Capers
- 48A290
≈ Marine Green
- 788EC8
≈ Hydrangea
- BD788F
≈ Mauve Seductress
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.20:1 · APCA Lc 59
Ag
AASur noir
WCAG 6.55:1 · APCA Lc 43
Meilleure couleur de texte: #000000
WCAG 6.55:1 (AA) · APCA Lc 43
Contrast pairs
Extraits de code
CSS
:root {
--salted-capers: #a78d4b;
--salted-capers-rgb: 167 141 75;
--salted-capers-oklch: oklch(0.653 0.091 88.3);
}
.element {
color: var(--salted-capers);
background-color: hsl(43 38% 47%);
border-color: oklch(0.653 0.091 88.3);
}Tailwind CSS v4
@theme {
--color-salted-capers: #a78d4b;
--color-salted-capers-50: #fff5d8;
--color-salted-capers-100: #f3e7c6;
--color-salted-capers-200: #e3d3a8;
--color-salted-capers-300: #c9b682;
--color-salted-capers-400: #b59c5e;
--color-salted-capers-500: #9f8237;
--color-salted-capers-600: #866f30;
--color-salted-capers-700: #6c5826;
--color-salted-capers-800: #50401a;
--color-salted-capers-900: #382c11;
--color-salted-capers-950: #221904;
}SCSS
$salted-capers: #a78d4b;
$salted-capers-rgb: 167, 141, 75;
$salted-capers-light: mix(#fff, $salted-capers, 20%);
$salted-capers-dark: mix(#000, $salted-capers, 20%);
.element {
color: $salted-capers;
box-shadow: 0 0 0 2px rgba($salted-capers, 0.35);
}