이름 색상 · #C1C6A8
Minted Lemon
Minted Lemon은(는) #C1C6A8: rgb(193 198 168), hsl(70 21% 72%), oklch(0.815 0.041 115). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Minted Lemon color name →
#C1C6A8
oklch(0.815 0.041 115)
색상 변환
- HEX
- #c1c6a8
- RGB
- rgb(193 198 168)
- HSL
- hsl(70 21% 72%)
- HWB
- hwb(70 66% 22%)
- OKLCH
- oklch(0.815 0.041 115)
- OKLab
- oklab(0.815 -0.017 0.037)
- CIE Lab
- lab(78.88 -5.66 14.49)
- LCH
- lch(78.88 15.55 111.3)
- CMYK
- cmyk(3% 0% 15% 22%)
틴트 · 셰이드 · 톤
틴트
- C7CCB1
- CDD1B9
- D3D7C2
- D9DDCA
- E0E2D3
- E6E8DC
- ECEEE4
- F2F3ED
- F9F9F6
셰이드
- A7AC92
- 8F927C
- 777A67
- 5F6252
- 494B3F
- 34352C
- 20211A
- 0E0E0A
- 020201
톤
- BABFA4
- B4B8A0
- ADB09C
- A6A998
- A0A294
- 999B90
- 93948C
- 8D8E88
- 868784
색 조화
보색 +180°
- C1C6A8
Minted Lemon
- C4BEDB
≈ Purple Dragon
유사색 -30° +30°
- C1C6A8
Minted Lemon
- CFC1A5
≈ Stylish
- B3CAB2
≈ Aqua Dream
삼각 배색 +120° +240°
- C1C6A8
Minted Lemon
- AAC7DA
≈ Barking Creek
- D9B8C4
≈ Hosanna
분열 보색 +150° +210°
- C1C6A8
Minted Lemon
- B5C3DE
≈ Periwinkle Bud
- D1BAD1
≈ Bedazzled
사각 배색 +90° +180° +270°
- C1C6A8
Minted Lemon
- A4CBCF
≈ Sky Chase
- C4BEDB
≈ Purple Dragon
- DCB9B5
≈ Rose Hip Tonic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.91:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.91:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--minted-lemon: #c1c6a8;
--minted-lemon-rgb: 193 198 168;
--minted-lemon-oklch: oklch(0.815 0.041 115);
}
.element {
color: var(--minted-lemon);
background-color: hsl(70 21% 72%);
border-color: oklch(0.815 0.041 115);
}Tailwind CSS v4
@theme {
--color-minted-lemon: #c1c6a8;
--color-minted-lemon-50: #f4f7ea;
--color-minted-lemon-100: #e7eadb;
--color-minted-lemon-200: #d3d7c3;
--color-minted-lemon-300: #b5baa3;
--color-minted-lemon-400: #9da286;
--color-minted-lemon-500: #858a6b;
--color-minted-lemon-600: #70755a;
--color-minted-lemon-700: #5a5d48;
--color-minted-lemon-800: #424434;
--color-minted-lemon-900: #2e2f23;
--color-minted-lemon-950: #1a1c12;
}SCSS
$minted-lemon: #c1c6a8;
$minted-lemon-rgb: 193, 198, 168;
$minted-lemon-light: mix(#fff, $minted-lemon, 20%);
$minted-lemon-dark: mix(#000, $minted-lemon, 20%);
.element {
color: $minted-lemon;
box-shadow: 0 0 0 2px rgba($minted-lemon, 0.35);
}