이름 색상 · #7F8353
Oregano
Oregano은(는) #7F8353: rgb(127 131 83), hsl(65 22% 42%), oklch(0.595 0.068 112.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Oregano color name →
#7F8353
oklch(0.595 0.068 112.3)
색상 변환
- HEX
- #7f8353
- RGB
- rgb(127 131 83)
- HSL
- hsl(65 22% 42%)
- HWB
- hwb(65 33% 49%)
- OKLCH
- oklch(0.595 0.068 112.3)
- OKLab
- oklab(0.595 -0.026 0.063)
- CIE Lab
- lab(53.51 -7.48 25.45)
- LCH
- lch(53.51 26.52 106.4)
- CMYK
- cmyk(3% 0% 37% 49%)
틴트 · 셰이드 · 톤
틴트
- 8B8F64
- 979B74
- A3A785
- B0B396
- BDBFA7
- CACCB8
- D7D9CA
- E4E5DB
- F1F2ED
셰이드
- 6E7147
- 5D603B
- 4C4F30
- 3C3F25
- 2D2F1B
- 1F2011
- 111208
- 060602
- 010100
톤
- 7F8358
- 7F835D
- 7F8262
- 7F8266
- 7F826B
- 7F816F
- 808173
- 808178
- 80807C
색 조화
보색 +180°
- 7F8353
Oregano
- 7F77A4
≈ Smashed Grape
유사색 -30° +30°
- 7F8353
Oregano
- 937B4F
≈ Old Ruin
- 678964
≈ Bladerunner
삼각 배색 +120° +240°
- 7F8353
Oregano
- 5386A0
≈ Raging Tide
- 9F6E83
≈ Meadow Flower
분열 보색 +150° +210°
- 7F8353
Oregano
- 697FA8
≈ Night Thistle
- 927197
≈ Veri Berri
사각 배색 +90° +180° +270°
대비 및 접근성
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 {
--oregano: #7f8353;
--oregano-rgb: 127 131 83;
--oregano-oklch: oklch(0.595 0.068 112.3);
}
.element {
color: var(--oregano);
background-color: hsl(65 22% 42%);
border-color: oklch(0.595 0.068 112.3);
}Tailwind CSS v4
@theme {
--color-oregano: #7f8353;
--color-oregano-50: #f4f8e2;
--color-oregano-100: #e7ebd1;
--color-oregano-200: #d3d8b7;
--color-oregano-300: #b6bc94;
--color-oregano-400: #9fa374;
--color-oregano-500: #878b55;
--color-oregano-600: #727649;
--color-oregano-700: #5b5e3a;
--color-oregano-800: #434529;
--color-oregano-900: #2f2f1b;
--color-oregano-950: #1b1c0c;
}SCSS
$oregano: #7f8353;
$oregano-rgb: 127, 131, 83;
$oregano-light: mix(#fff, $oregano, 20%);
$oregano-dark: mix(#000, $oregano, 20%);
.element {
color: $oregano;
box-shadow: 0 0 0 2px rgba($oregano, 0.35);
}