Màu có tên gần nhất · #74873C
#74873C
Màu có tên gần nhất: Pesto di Rucola
#74873C (rgb(116 135 60), hsl(75 38% 38%), oklch(0.591 0.103 121.5)) gần nhất với màu có tên Pesto di Rucola. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#74873C
oklch(0.591 0.103 121.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 819351
- 8E9E64
- 9BAA77
- A9B68A
- B7C29D
- C5CEB1
- D3DAC4
- E2E6D7
- F0F3EB
Sắc đậm
- 647533
- 54632A
- 455121
- 374119
- 293111
- 1B210A
- 0F1304
- 050601
- 010100
Sắc xám
- 758645
- 76864D
- 778554
- 79855B
- 7A8462
- 7B8368
- 7C836E
- 7D8274
- 7F817A
Hòa sắc
Bổ túc +180°
- 74873C
Pesto di Rucola
- 896EB1
≈ Fairy Wren
Tương đồng -30° +30°
- 74873C
Pesto di Rucola
- 947B29
≈ Fernweh
- 4A8F5E
≈ Middle Green
Bộ ba +120° +240°
- 74873C
Pesto di Rucola
- 3D85B5
≈ Curious Blue
- B06279
≈ Apple II Rose
Bổ túc chia +150° +210°
- 74873C
Pesto di Rucola
- 6779BB
≈ Ultramarine Blue
- A16699
≈ Mauve Memento
Bộ bốn +90° +180° +270°
- 74873C
Pesto di Rucola
- 008DA1
≈ Parrot Flight
- 896EB1
≈ Fairy Wren
- B36557
≈ Chimayo Red
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 3.98:1 · APCA Lc 67
Ag
AATrên nền đen
WCAG 5.27:1 · APCA Lc 35
Màu chữ tốt nhất: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
Đoạn mã
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);
}