이름 색상 · #319B64
Green Fondant
Green Fondant은(는) #319B64: rgb(49 155 100), hsl(149 52% 40%), oklch(0.615 0.128 156.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Green Fondant color name →
#319B64
oklch(0.615 0.128 156.4)
색상 변환
- HEX
- #319b64
- RGB
- rgb(49 155 100)
- HSL
- hsl(149 52% 40%)
- HWB
- hwb(149 19% 39%)
- OKLCH
- oklch(0.615 0.128 156.4)
- OKLab
- oklab(0.615 -0.117 0.051)
- CIE Lab
- lab(57.03 -41.26 19.8)
- LCH
- lch(57.03 45.76 154.4)
- CMYK
- cmyk(68% 0% 35% 39%)
틴트 · 셰이드 · 톤
틴트
- 4CA573
- 63AF82
- 78B991
- 8CC3A0
- 9FCDAF
- B2D7BF
- C6E1CF
- D9EBDF
- ECF5EF
셰이드
- 298656
- 227248
- 1A5E3B
- 134B2E
- 0C3922
- 062816
- 03180B
- 010903
- 000100
톤
- 3F9967
- 4A966A
- 53946D
- 5B9170
- 628E73
- 698C76
- 6F8978
- 75867B
- 7B837D
색 조화
보색 +180°
- 319B64
Green Fondant
- B465A1
≈ Pearly Purple
유사색 -30° +30°
- 319B64
Green Fondant
- 719234
≈ Fresh Herb
- 00998F
≈ Green Dynasty
삼각 배색 +120° +240°
- 319B64
Green Fondant
- 717CD0
≈ Kickstart Purple
- C5664C
≈ Raw Copper
분열 보색 +150° +210°
- 319B64
Green Fondant
- 986FC1
≈ Viola
- C36178
≈ Cherry Pink
사각 배색 +90° +180° +270°
- 319B64
Green Fondant
- 388ACC
≈ Ticino Blue
- B465A1
≈ Pearly Purple
- B7731B
≈ Sweet Mulled Cider
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.49:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.00:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 6.00:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
CSS
:root {
--green-fondant: #319b64;
--green-fondant-rgb: 49 155 100;
--green-fondant-oklch: oklch(0.615 0.128 156.4);
}
.element {
color: var(--green-fondant);
background-color: hsl(149 52% 40%);
border-color: oklch(0.615 0.128 156.4);
}Tailwind CSS v4
@theme {
--color-green-fondant: #319b64;
--color-green-fondant-50: #d8ffe8;
--color-green-fondant-100: #c5f6d8;
--color-green-fondant-200: #a6e5c0;
--color-green-fondant-300: #7ccc9f;
--color-green-fondant-400: #56b57f;
--color-green-fondant-500: #1f9e62;
--color-green-fondant-600: #1f8653;
--color-green-fondant-700: #196b42;
--color-green-fondant-800: #134f2e;
--color-green-fondant-900: #0d371f;
--color-green-fondant-950: #00220f;
}SCSS
$green-fondant: #319b64;
$green-fondant-rgb: 49, 155, 100;
$green-fondant-light: mix(#fff, $green-fondant, 20%);
$green-fondant-dark: mix(#000, $green-fondant, 20%);
.element {
color: $green-fondant;
box-shadow: 0 0 0 2px rgba($green-fondant, 0.35);
}