Nazwany kolor · #748A35
Pesto di Rucola
Pesto di Rucola to #748A35: rgb(116 138 53), hsl(76 45% 37%), oklch(0.598 0.114 122.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Pesto di Rucola color name →
#748A35
oklch(0.598 0.114 122.2)
Konwersje koloru
- HEX
- #748a35
- RGB
- rgb(116 138 53)
- HSL
- hsl(76 45% 37%)
- HWB
- hwb(76 21% 46%)
- OKLCH
- oklch(0.598 0.114 122.2)
- OKLab
- oklab(0.598 -0.061 0.097)
- CIE Lab
- lab(54.37 -18.01 41.46)
- LCH
- lch(54.37 45.2 113.5)
- CMYK
- cmyk(16% 0% 62% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 81954B
- 8EA160
- 9BAC74
- A9B888
- B7C49B
- C5CFAF
- D3DBC3
- E2E7D7
- F0F3EB
Odcienie ciemniejsze
- 64772D
- 546525
- 45531D
- 374215
- 29320E
- 1B2208
- 0F1403
- 050701
- 010100
Tony
- 75893F
- 768848
- 778850
- 798758
- 7A865F
- 7B8566
- 7C846D
- 7D8274
- 7F817A
Harmonie kolorów
Komplementarna +180°
- 748A35
Pesto di Rucola
- 8D6EB8
≈ Middle Blue Purple
Analogowa -30° +30°
- 748A35
Pesto di Rucola
- 987D1A
≈ Cerignola Olive
- 43935D
≈ Ineffable Forest
Triada +120° +240°
- 748A35
Pesto di Rucola
- 3687BE
≈ Pat-A-Pep
- B6607A
≈ Raspberry Parfait
Komplementarna rozszczepiona +150° +210°
- 748A35
Pesto di Rucola
- 687AC4
≈ Ultramarine Blue
- A7649E
≈ Iris Orchid
Tetrada +90° +180° +270°
- 748A35
Pesto di Rucola
- 008FA4
≈ Parrot Flight
- 8D6EB8
≈ Middle Blue Purple
- BA6453
≈ Apricot Brandy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.86:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.42:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.42:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--pesto-di-rucola: #748a35;
--pesto-di-rucola-rgb: 116 138 53;
--pesto-di-rucola-oklch: oklch(0.598 0.114 122.2);
}
.element {
color: var(--pesto-di-rucola);
background-color: hsl(76 45% 37%);
border-color: oklch(0.598 0.114 122.2);
}Tailwind CSS v4
@theme {
--color-pesto-di-rucola: #748a35;
--color-pesto-di-rucola-50: #eefbd8;
--color-pesto-di-rucola-100: #e0efc6;
--color-pesto-di-rucola-200: #cadda8;
--color-pesto-di-rucola-300: #abc280;
--color-pesto-di-rucola-400: #93a95a;
--color-pesto-di-rucola-500: #799231;
--color-pesto-di-rucola-600: #677b2b;
--color-pesto-di-rucola-700: #526322;
--color-pesto-di-rucola-800: #3d4815;
--color-pesto-di-rucola-900: #2a320d;
--color-pesto-di-rucola-950: #181e02;
}SCSS
$pesto-di-rucola: #748a35;
$pesto-di-rucola-rgb: 116, 138, 53;
$pesto-di-rucola-light: mix(#fff, $pesto-di-rucola, 20%);
$pesto-di-rucola-dark: mix(#000, $pesto-di-rucola, 20%);
.element {
color: $pesto-di-rucola;
box-shadow: 0 0 0 2px rgba($pesto-di-rucola, 0.35);
}