가장 가까운 이름 색상 · #5D6900
#5D6900
가장 가까운 이름 색상: Serrano Pepper
#5D6900(rgb(93 105 0), hsl(67 100% 21%), oklch(0.493 0.114 117.3))와 가장 가까운 이름 색상은 Serrano Pepper입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5D6900
oklch(0.493 0.114 117.3)
색상 변환
- HEX
- #5d6900
- RGB
- rgb(93 105 0)
- HSL
- hsl(67 100% 21%)
- HWB
- hwb(67 0% 59%)
- OKLCH
- oklch(0.493 0.114 117.3)
- OKLab
- oklab(0.493 -0.052 0.101)
- CIE Lab
- lab(42.1 -13.84 47.3)
- LCH
- lch(42.1 49.28 106.3)
- CMYK
- cmyk(11% 0% 100% 59%)
틴트 · 셰이드 · 톤
틴트
- 6B772A
- 7A8644
- 8A945B
- 9AA372
- AAB289
- BAC1A0
- CBD0B8
- DCE0CF
- EDEFE7
셰이드
- 505A00
- 434C00
- 373E00
- 2A3100
- 1F2400
- 141800
- 0A0C00
- 030400
- 000000
톤
- 606C1C
- 646E2C
- 677139
- 6A7344
- 6E754F
- 717859
- 757A63
- 797C6D
- 7C7E76
색 조화
보색 +180°
- 5D6900
Serrano Pepper
- 695199
≈ Rollick
유사색 -30° +30°
- 5D6900
Serrano Pepper
- 7A5D00
≈ Hè Sè Brown
- 2B7239
≈ San Felix
삼각 배색 +120° +240°
- 5D6900
Serrano Pepper
- 006997
≈ Hydra
- 934262
≈ Putnam Plum
분열 보색 +150° +210°
- 5D6900
Serrano Pepper
- 445DA2
≈ Bio Blue
- 834882
≈ Visiona Red
사각 배색 +90° +180° +270°
- 5D6900
Serrano Pepper
- 006E7A
≈ Carnival Night
- 695199
≈ Rollick
- 97443C
≈ Morocco Red
대비 및 접근성
Ag
AA흰색 위
WCAG 6.02:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.48:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--serrano-pepper: #5d6900;
--serrano-pepper-rgb: 93 105 0;
--serrano-pepper-oklch: oklch(0.493 0.114 117.3);
}
.element {
color: var(--serrano-pepper);
background-color: hsl(67 100% 21%);
border-color: oklch(0.493 0.114 117.3);
}Tailwind CSS v4
@theme {
--color-serrano-pepper: #5d6900;
--color-serrano-pepper-50: #f1fad6;
--color-serrano-pepper-100: #e3eec4;
--color-serrano-pepper-200: #cedca5;
--color-serrano-pepper-300: #b0c07d;
--color-serrano-pepper-400: #99a755;
--color-serrano-pepper-500: #818f29;
--color-serrano-pepper-600: #6d7925;
--color-serrano-pepper-700: #57611e;
--color-serrano-pepper-800: #414712;
--color-serrano-pepper-900: #2d310b;
--color-serrano-pepper-950: #1a1d01;
}SCSS
$serrano-pepper: #5d6900;
$serrano-pepper-rgb: 93, 105, 0;
$serrano-pepper-light: mix(#fff, $serrano-pepper, 20%);
$serrano-pepper-dark: mix(#000, $serrano-pepper, 20%);
.element {
color: $serrano-pepper;
box-shadow: 0 0 0 2px rgba($serrano-pepper, 0.35);
}