이름 색상 · #9DC249
Pesto Genovese
Pesto Genovese은(는) #9DC249: rgb(157 194 73), hsl(78 50% 52%), oklch(0.763 0.154 124.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Pesto Genovese color name →
#9DC249
oklch(0.763 0.154 124.4)
색상 변환
- HEX
- #9dc249
- RGB
- rgb(157 194 73)
- HSL
- hsl(78 50% 52%)
- HWB
- hwb(78 29% 24%)
- OKLCH
- oklch(0.763 0.154 124.4)
- OKLab
- oklab(0.763 -0.087 0.127)
- CIE Lab
- lab(73.92 -26.12 54.55)
- LCH
- lch(73.92 60.48 115.6)
- CMYK
- cmyk(19% 0% 62% 24%)
틴트 · 셰이드 · 톤
틴트
- A6C85F
- B0CF73
- B9D586
- C3DB98
- CDE1AA
- D7E7BB
- E1EDCC
- EBF3DD
- F5F9EE
셰이드
- 88A83E
- 738F34
- 5F772A
- 4C6020
- 3A4917
- 28340E
- 182006
- 090E02
- 010200
톤
- 9ABB52
- 97B55A
- 94AE61
- 91A867
- 8EA16C
- 8B9B71
- 899475
- 868D79
- 83877D
색 조화
보색 +180°
- 9DC249
Pesto Genovese
- C898FF
≈ Lilás
유사색 -30° +30°
- 9DC249
Pesto Genovese
- D2AF12
≈ Grass Daisy
- 51CE85
≈ Spring Bouquet
삼각 배색 +120° +240°
- 9DC249
Pesto Genovese
- 62BAFF
≈ Hello Summer
- FF86A6
≈ Rosa
분열 보색 +150° +210°
- 9DC249
Pesto Genovese
- 9BACFF
≈ Widowmaker
- EC8AD9
≈ Blushed Bombshell
사각 배색 +90° +180° +270°
- 9DC249
Pesto Genovese
- 00C7E6
≈ Picnic Day Sky
- C898FF
≈ Lilás
- FF8E73
≈ Alexandria
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.04:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.24:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.24:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--pesto-genovese: #9dc249;
--pesto-genovese-rgb: 157 194 73;
--pesto-genovese-oklch: oklch(0.763 0.154 124.4);
}
.element {
color: var(--pesto-genovese);
background-color: hsl(78 50% 52%);
border-color: oklch(0.763 0.154 124.4);
}Tailwind CSS v4
@theme {
--color-pesto-genovese: #9dc249;
--color-pesto-genovese-50: #eafecf;
--color-pesto-genovese-100: #dbf2bb;
--color-pesto-genovese-200: #c3e199;
--color-pesto-genovese-300: #a3c66c;
--color-pesto-genovese-400: #8bad3b;
--color-pesto-genovese-500: #719600;
--color-pesto-genovese-600: #5f7f00;
--color-pesto-genovese-700: #4c6500;
--color-pesto-genovese-800: #394a00;
--color-pesto-genovese-900: #273300;
--color-pesto-genovese-950: #151f00;
}SCSS
$pesto-genovese: #9dc249;
$pesto-genovese-rgb: 157, 194, 73;
$pesto-genovese-light: mix(#fff, $pesto-genovese, 20%);
$pesto-genovese-dark: mix(#000, $pesto-genovese, 20%);
.element {
color: $pesto-genovese;
box-shadow: 0 0 0 2px rgba($pesto-genovese, 0.35);
}