가장 가까운 이름 색상 · #74873C
#74873C
가장 가까운 이름 색상: Pesto di Rucola
#74873C(rgb(116 135 60), hsl(75 38% 38%), oklch(0.591 0.103 121.5))와 가장 가까운 이름 색상은 Pesto di Rucola입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#74873C
oklch(0.591 0.103 121.5)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 819351
- 8E9E64
- 9BAA77
- A9B68A
- B7C29D
- C5CEB1
- D3DAC4
- E2E6D7
- F0F3EB
셰이드
- 647533
- 54632A
- 455121
- 374119
- 293111
- 1B210A
- 0F1304
- 050601
- 010100
톤
- 758645
- 76864D
- 778554
- 79855B
- 7A8462
- 7B8368
- 7C836E
- 7D8274
- 7F817A
색 조화
보색 +180°
- 74873C
Pesto di Rucola
- 896EB1
≈ Fairy Wren
유사색 -30° +30°
- 74873C
Pesto di Rucola
- 947B29
≈ Fernweh
- 4A8F5E
≈ Middle Green
삼각 배색 +120° +240°
- 74873C
Pesto di Rucola
- 3D85B5
≈ Curious Blue
- B06279
≈ Apple II Rose
분열 보색 +150° +210°
- 74873C
Pesto di Rucola
- 6779BB
≈ Ultramarine Blue
- A16699
≈ Mauve Memento
사각 배색 +90° +180° +270°
- 74873C
Pesto di Rucola
- 008DA1
≈ Parrot Flight
- 896EB1
≈ Fairy Wren
- B36557
≈ Chimayo Red
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.98:1 · APCA Lc 67
Ag
AA검은색 위
WCAG 5.27:1 · APCA Lc 35
가장 좋은 글자색: #000000
WCAG 5.27:1 (AA) · APCA Lc 35
Contrast pairs
코드 스니펫
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);
}