이름 색상 · #A5D7B2
Frugal
Frugal은(는) #A5D7B2: rgb(165 215 178), hsl(136 38% 75%), oklch(0.834 0.073 152.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Frugal color name →
#A5D7B2
oklch(0.834 0.073 152.6)
색상 변환
- HEX
- #a5d7b2
- RGB
- rgb(165 215 178)
- HSL
- hsl(136 38% 75%)
- HWB
- hwb(136 65% 16%)
- OKLCH
- oklch(0.834 0.073 152.6)
- OKLab
- oklab(0.834 -0.065 0.034)
- CIE Lab
- lab(81.72 -22.36 12.81)
- LCH
- lch(81.72 25.77 150.2)
- CMYK
- cmyk(23% 0% 17% 16%)
틴트 · 셰이드 · 톤
틴트
- AEDBBA
- B7DFC1
- C0E3C9
- C9E7D0
- D2EBD8
- DBEFE0
- E4F3E8
- EDF7EF
- F6FBF7
셰이드
- 8FBB9A
- 799F83
- 65856D
- 516B57
- 3D5243
- 2B3B2F
- 1A251D
- 0A110C
- 010201
톤
- A2CEAD
- 9EC5A8
- 9ABCA3
- 97B39E
- 93AB99
- 8FA294
- 8C998F
- 88918A
- 848885
색 조화
보색 +180°
- A5D7B2
Frugal
- E6B8DE
≈ Pink Drink
유사색 -30° +30°
- A5D7B2
Frugal
- C0D19C
≈ Cricket Field
- 92D9CD
≈ Bambino
삼각 배색 +120° +240°
- A5D7B2
Frugal
- B8C6F9
≈ Light Periwinkle
- F4B8AB
≈ Canyon Hush
분열 보색 +150° +210°
- A5D7B2
Frugal
- D2BEF1
≈ Connecticut Lilac
- F2B5C4
≈ Ibis
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.62:1 · APCA Lc 28
Ag
AAA검은색 위
WCAG 12.96:1 · APCA Lc 75
가장 좋은 글자색: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--frugal: #a5d7b2;
--frugal-rgb: 165 215 178;
--frugal-oklch: oklch(0.834 0.073 152.6);
}
.element {
color: var(--frugal);
background-color: hsl(136 38% 75%);
border-color: oklch(0.834 0.073 152.6);
}Tailwind CSS v4
@theme {
--color-frugal: #a5d7b2;
--color-frugal-50: #e6fcec;
--color-frugal-100: #d6f0dd;
--color-frugal-200: #bddec7;
--color-frugal-300: #9bc3a7;
--color-frugal-400: #7eab8a;
--color-frugal-500: #5f946f;
--color-frugal-600: #517e5e;
--color-frugal-700: #41654b;
--color-frugal-800: #2f4a35;
--color-frugal-900: #203324;
--color-frugal-950: #0f1f13;
}SCSS
$frugal: #a5d7b2;
$frugal-rgb: 165, 215, 178;
$frugal-light: mix(#fff, $frugal, 20%);
$frugal-dark: mix(#000, $frugal, 20%);
.element {
color: $frugal;
box-shadow: 0 0 0 2px rgba($frugal, 0.35);
}