가장 가까운 이름 색상 · #249F27
#249F27
가장 가까운 이름 색상: Pestering Pesto
#249F27(rgb(36 159 39), hsl(121 63% 38%), oklch(0.614 0.188 143.1))와 가장 가까운 이름 색상은 Pestering Pesto입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#249F27
oklch(0.614 0.188 143.1)
색상 변환
- HEX
- #249f27
- RGB
- rgb(36 159 39)
- HSL
- hsl(121 63% 38%)
- HWB
- hwb(121 14% 38%)
- OKLCH
- oklch(0.614 0.188 143.1)
- OKLab
- oklab(0.614 -0.15 0.113)
- CIE Lab
- lab(57.43 -51.18 48.91)
- LCH
- lch(57.43 70.79 136.3)
- CMYK
- cmyk(77% 0% 75% 38%)
틴트 · 셰이드 · 톤
틴트
- 44A943
- 5DB35A
- 73BD6F
- 88C784
- 9CD099
- B0DAAD
- C4E3C1
- D8ECD6
- EBF6EA
셰이드
- 1E8A20
- 18751A
- 126114
- 0C4D0E
- 073B08
- 042904
- 021802
- 000901
- 000100
톤
- 369C36
- 439A41
- 4E974B
- 579454
- 5F915D
- 678E64
- 6E8B6C
- 748773
- 7A8479
색 조화
보색 +180°
- 249F27
Pestering Pesto
- B855C4
≈ Love Priestess
유사색 -30° +30°
- 249F27
Pestering Pesto
- 868C00
≈ Krypton Green
- 009B7E
≈ Paolo Veronese Green
삼각 배색 +120° +240°
- 249F27
Pestering Pesto
- 457DF4
≈ Dodger Blue
- DF474B
≈ Re-Entry
분열 보색 +150° +210°
- 249F27
Pestering Pesto
- 8C67E9
≈ Medium Slate Blue
- D4478E
≈ Kirby
사각 배색 +90° +180° +270°
- 249F27
Pestering Pesto
- 0090C4
≈ Parrotfish Blue
- B855C4
≈ Love Priestess
- CA6400
≈ Curry Powder
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.46:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.06:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--pestering-pesto: #249f27;
--pestering-pesto-rgb: 36 159 39;
--pestering-pesto-oklch: oklch(0.614 0.188 143.1);
}
.element {
color: var(--pestering-pesto);
background-color: hsl(121 63% 38%);
border-color: oklch(0.614 0.188 143.1);
}Tailwind CSS v4
@theme {
--color-pestering-pesto: #249f27;
--color-pestering-pesto-50: #d4ffd5;
--color-pestering-pesto-100: #c1f9c2;
--color-pestering-pesto-200: #a0eaa2;
--color-pestering-pesto-300: #74d079;
--color-pestering-pesto-400: #4eb94c;
--color-pestering-pesto-500: #00a312;
--color-pestering-pesto-600: #0d8a15;
--color-pestering-pesto-700: #0c6e11;
--color-pestering-pesto-800: #105103;
--color-pestering-pesto-900: #0a3803;
--color-pestering-pesto-950: #002300;
}SCSS
$pestering-pesto: #249f27;
$pestering-pesto-rgb: 36, 159, 39;
$pestering-pesto-light: mix(#fff, $pestering-pesto, 20%);
$pestering-pesto-dark: mix(#000, $pestering-pesto, 20%);
.element {
color: $pestering-pesto;
box-shadow: 0 0 0 2px rgba($pestering-pesto, 0.35);
}