En yakın adlandırılmış renk · #74873C
#74873C
En yakın adlandırılmış renk: Pesto di Rucola
#74873C (rgb(116 135 60), hsl(75 38% 38%), oklch(0.591 0.103 121.5)) en çok Pesto di Rucola adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#74873C
oklch(0.591 0.103 121.5)
Renk dönüşümleri
- HEX
- #74873c
- RGB
- rgb(116 135 60)
- HSL
- hsl(75 38% 38%)
- HWB
- hwb(75 24% 47%)
- OKLCH
- oklch(0.591 0.103 121.5)
- OKLab
- oklab(0.591 -0.054 0.088)
- CIE Lab
- lab(53.52 -16.08 37.22)
- LCH
- lch(53.52 40.55 113.4)
- CMYK
- cmyk(14% 0% 56% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 819351
- 8E9E64
- 9BAA77
- A9B68A
- B7C29D
- C5CEB1
- D3DAC4
- E2E6D7
- F0F3EB
Koyu tonlar
- 647533
- 54632A
- 455121
- 374119
- 293111
- 1B210A
- 0F1304
- 050601
- 010100
Gri tonlar
- 758645
- 76864D
- 778554
- 79855B
- 7A8462
- 7B8368
- 7C836E
- 7D8274
- 7F817A
Renk uyumları
Tamamlayıcı +180°
- 74873C
Pesto di Rucola
- 896EB1
≈ Fairy Wren
Analog -30° +30°
- 74873C
Pesto di Rucola
- 947B29
≈ Fernweh
- 4A8F5E
≈ Middle Green
Üçlü +120° +240°
- 74873C
Pesto di Rucola
- 3D85B5
≈ Curious Blue
- B06279
≈ Apple II Rose
Bölünmüş tamamlayıcı +150° +210°
- 74873C
Pesto di Rucola
- 6779BB
≈ Ultramarine Blue
- A16699
≈ Mauve Memento
Dörtlü +90° +180° +270°
- 74873C
Pesto di Rucola
- 008DA1
≈ Parrot Flight
- 896EB1
≈ Fairy Wren
- B36557
≈ Chimayo Red
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.98:1 · APCA Lc 67
Ag
AASiyah üzerinde
WCAG 5.27:1 · APCA Lc 35
En iyi metin rengi: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Kod parçacıkları
CSS
:root {
--pesto-di-rucola: #74873c;
--pesto-di-rucola-rgb: 116 135 60;
--pesto-di-rucola-oklch: oklch(0.591 0.103 121.5);
}
.element {
color: var(--pesto-di-rucola);
background-color: hsl(75 38% 38%);
border-color: oklch(0.591 0.103 121.5);
}Tailwind CSS v4
@theme {
--color-pesto-di-rucola: #74873c;
--color-pesto-di-rucola-50: #effbda;
--color-pesto-di-rucola-100: #e1eec9;
--color-pesto-di-rucola-200: #cbdcac;
--color-pesto-di-rucola-300: #adc186;
--color-pesto-di-rucola-400: #95a861;
--color-pesto-di-rucola-500: #7b903c;
--color-pesto-di-rucola-600: #697a34;
--color-pesto-di-rucola-700: #546229;
--color-pesto-di-rucola-800: #3e471b;
--color-pesto-di-rucola-900: #2b3111;
--color-pesto-di-rucola-950: #181d04;
}SCSS
$pesto-di-rucola: #74873c;
$pesto-di-rucola-rgb: 116, 135, 60;
$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);
}