Nazwany kolor · #898C66
Pesto Paste
Pesto Paste to #898C66: rgb(137 140 102), hsl(65 16% 47%), oklch(0.628 0.054 111.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pesto Paste color name →
#898C66
oklch(0.628 0.054 111.6)
Konwersje koloru
- HEX
- #898c66
- RGB
- rgb(137 140 102)
- HSL
- hsl(65 16% 47%)
- HWB
- hwb(65 40% 45%)
- OKLCH
- oklch(0.628 0.054 111.6)
- OKLab
- oklab(0.628 -0.02 0.05)
- CIE Lab
- lab(57.24 -6.02 20)
- LCH
- lch(57.24 20.88 106.8)
- CMYK
- cmyk(2% 0% 27% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 949775
- 9FA283
- ABAD92
- B6B9A1
- C2C4B0
- CED0C0
- DADBCF
- E6E7DF
- F3F3EF
Odcienie ciemniejsze
- 767958
- 64674A
- 53553C
- 42432F
- 313323
- 222317
- 14140C
- 070704
- 010100
Tony
- 888B69
- 878A6C
- 86896E
- 858771
- 848674
- 838576
- 838479
- 82827B
- 81817E
Harmonie kolorów
Komplementarna +180°
- 898C66
Pesto Paste
- 8883A7
≈ Purple Hills
Analogowa -30° +30°
- 898C66
Pesto Paste
- 998663
≈ Treasure Chamber
- 769173
≈ Loden Frost
Triada +120° +240°
- 898C66
Pesto Paste
- 678FA4
≈ Saltbox Blue
- A37B8C
≈ Dusky Orchid
Komplementarna rozszczepiona +150° +210°
- 898C66
Pesto Paste
- 7689AA
≈ Ship Cove
- 987E9C
≈ Amorous
Tetrada +90° +180° +270°
- 898C66
Pesto Paste
- 609396
≈ Clear Brook
- 8883A7
≈ Purple Hills
- A77C7A
≈ Cherry Mocha
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.49:1 · APCA Lc 63
Ag
AANa czerni
WCAG 6.00:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--pesto-paste: #898c66;
--pesto-paste-rgb: 137 140 102;
--pesto-paste-oklch: oklch(0.628 0.054 111.6);
}
.element {
color: var(--pesto-paste);
background-color: hsl(65 16% 47%);
border-color: oklch(0.628 0.054 111.6);
}Tailwind CSS v4
@theme {
--color-pesto-paste: #898c66;
--color-pesto-paste-50: #f5f7e6;
--color-pesto-paste-100: #e7ead6;
--color-pesto-paste-200: #d4d7bd;
--color-pesto-paste-300: #b7bb9c;
--color-pesto-paste-400: #9fa27d;
--color-pesto-paste-500: #878a60;
--color-pesto-paste-600: #727552;
--color-pesto-paste-700: #5b5d41;
--color-pesto-paste-800: #43442e;
--color-pesto-paste-900: #2f2f1f;
--color-pesto-paste-950: #1b1c0f;
}SCSS
$pesto-paste: #898c66;
$pesto-paste-rgb: 137, 140, 102;
$pesto-paste-light: mix(#fff, $pesto-paste, 20%);
$pesto-paste-dark: mix(#000, $pesto-paste, 20%);
.element {
color: $pesto-paste;
box-shadow: 0 0 0 2px rgba($pesto-paste, 0.35);
}