이름 색상 · #C5C56A
Powdered Green Tea
Powdered Green Tea은(는) #C5C56A: rgb(197 197 106), hsl(60 44% 59%), oklch(0.804 0.114 108.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Powdered Green Tea color name →
#C5C56A
oklch(0.804 0.114 108.7)
색상 변환
- HEX
- #c5c56a
- RGB
- rgb(197 197 106)
- HSL
- hsl(60 44% 59%)
- HWB
- hwb(60 42% 23%)
- OKLCH
- oklch(0.804 0.114 108.7)
- OKLab
- oklab(0.804 -0.037 0.108)
- CIE Lab
- lab(78.07 -9.43 45.25)
- LCH
- lch(78.07 46.22 101.8)
- CMYK
- cmyk(0% 0% 46% 23%)
틴트 · 셰이드 · 톤
틴트
- CBCB7A
- D0D18A
- D6D799
- DBDDA8
- E1E2B7
- E7E8C5
- EDEED4
- F3F4E2
- F9F9F1
셰이드
- ABAB5B
- 92924D
- 79793F
- 616131
- 4B4B24
- 353518
- 21210D
- 0E0E04
- 020200
톤
- BEBE6E
- B7B771
- AFB074
- A8A977
- A2A279
- 9B9B7B
- 94957D
- 8D8E7E
- 87877F
색 조화
보색 +180°
- C5C56A
Powdered Green Tea
- BCB4FF
≈ Greyish Lavender
유사색 -30° +30°
- C5C56A
Powdered Green Tea
- E7B665
≈ Yellow Varnish
- 99D189
≈ Botanist
삼각 배색 +120° +240°
- C5C56A
Powdered Green Tea
- 66CDF9
≈ Skyan
- F6A0CB
≈ Violet Kiss
분열 보색 +150° +210°
- C5C56A
Powdered Green Tea
- 98C1FF
≈ Pastel Blue
- DFA7EE
≈ Petal Plush
사각 배색 +90° +180° +270°
- C5C56A
Powdered Green Tea
- 50D5DA
≈ Blue Radiance
- BCB4FF
≈ Greyish Lavender
- FFA1A3
≈ Strawberry Frappé
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.81:1 · APCA Lc 34
Ag
AAA검은색 위
WCAG 11.56:1 · APCA Lc 69
가장 좋은 글자색: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
코드 스니펫
CSS
:root {
--powdered-green-tea: #c5c56a;
--powdered-green-tea-rgb: 197 197 106;
--powdered-green-tea-oklch: oklch(0.804 0.114 108.7);
}
.element {
color: var(--powdered-green-tea);
background-color: hsl(60 44% 59%);
border-color: oklch(0.804 0.114 108.7);
}Tailwind CSS v4
@theme {
--color-powdered-green-tea: #c5c56a;
--color-powdered-green-tea-50: #f6f9d4;
--color-powdered-green-tea-100: #e9ecc0;
--color-powdered-green-tea-200: #d6d9a1;
--color-powdered-green-tea-300: #babd77;
--color-powdered-green-tea-400: #a4a44e;
--color-powdered-green-tea-500: #8d8b1b;
--color-powdered-green-tea-600: #77761b;
--color-powdered-green-tea-700: #5f5e16;
--color-powdered-green-tea-800: #47450c;
--color-powdered-green-tea-900: #312f07;
--color-powdered-green-tea-950: #1d1c00;
}SCSS
$powdered-green-tea: #c5c56a;
$powdered-green-tea-rgb: 197, 197, 106;
$powdered-green-tea-light: mix(#fff, $powdered-green-tea, 20%);
$powdered-green-tea-dark: mix(#000, $powdered-green-tea, 20%);
.element {
color: $powdered-green-tea;
box-shadow: 0 0 0 2px rgba($powdered-green-tea, 0.35);
}