Nazwany kolor · #A69151
Salted Capers
Salted Capers to #A69151: rgb(166 145 81), hsl(45 34% 48%), oklch(0.661 0.087 91.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Salted Capers color name →
#A69151
oklch(0.661 0.087 91.7)
Konwersje koloru
- HEX
- #a69151
- RGB
- rgb(166 145 81)
- HSL
- hsl(45 34% 48%)
- HWB
- hwb(45 32% 35%)
- OKLCH
- oklch(0.661 0.087 91.7)
- OKLab
- oklab(0.661 -0.003 0.087)
- CIE Lab
- lab(61.03 1.85 36.7)
- LCH
- lch(61.03 36.75 87.1)
- CMYK
- cmyk(0% 13% 51% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AF9C63
- B7A674
- C0B186
- C9BC97
- D2C7A8
- DBD2B9
- E4DDCA
- EDE8DC
- F6F4ED
Odcienie ciemniejsze
- 907D45
- 7A6A3A
- 65582F
- 514624
- 3E351A
- 2B2510
- 1A1507
- 0A0702
- 010100
Tony
- A28F57
- 9E8E5D
- 9A8C62
- 978B67
- 93896B
- 8F8770
- 8B8574
- 878478
- 84827C
Harmonie kolorów
Komplementarna +180°
- A69151
Salted Capers
- 7F90C9
≈ Mood Mode
Analogowa -30° +30°
- A69151
Salted Capers
- B98659
≈ Deer
- 8A9B5D
≈ Vitality
Triada +120° +240°
- A69151
Salted Capers
- 48A1B2
≈ Aquatic Cool
- B27FAB
≈ Stage Mauve
Komplementarna rozszczepiona +150° +210°
- A69151
Salted Capers
- 6099C4
≈ Blueberry Soft Blue
- 9C86C0
≈ Petrified Purple
Tetrada +90° +180° +270°
- A69151
Salted Capers
- 4CA496
≈ Golf Blazer
- 7F90C9
≈ Mood Mode
- C07C8F
≈ Polignac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.09:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.79:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.79:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--salted-capers: #a69151;
--salted-capers-rgb: 166 145 81;
--salted-capers-oklch: oklch(0.661 0.087 91.7);
}
.element {
color: var(--salted-capers);
background-color: hsl(45 34% 48%);
border-color: oklch(0.661 0.087 91.7);
}Tailwind CSS v4
@theme {
--color-salted-capers: #a69151;
--color-salted-capers-50: #fdf5da;
--color-salted-capers-100: #f1e8c8;
--color-salted-capers-200: #e0d4aa;
--color-salted-capers-300: #c6b784;
--color-salted-capers-400: #b19d61;
--color-salted-capers-500: #9b843c;
--color-salted-capers-600: #837034;
--color-salted-capers-700: #695929;
--color-salted-capers-800: #4e411c;
--color-salted-capers-900: #362d12;
--color-salted-capers-950: #211a05;
}SCSS
$salted-capers: #a69151;
$salted-capers-rgb: 166, 145, 81;
$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);
}