가장 가까운 이름 색상 · #A0CDC0
#A0CDC0
가장 가까운 이름 색상: Mint Twist
#A0CDC0(rgb(160 205 192), hsl(163 31% 72%), oklch(0.813 0.051 175.4))와 가장 가까운 이름 색상은 Mint Twist입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#A0CDC0
oklch(0.813 0.051 175.4)
색상 변환
- HEX
- #a0cdc0
- RGB
- rgb(160 205 192)
- HSL
- hsl(163 31% 72%)
- HWB
- hwb(163 63% 20%)
- OKLCH
- oklch(0.813 0.051 175.4)
- OKLab
- oklab(0.813 -0.051 0.004)
- CIE Lab
- lab(78.92 -17.36 1.39)
- LCH
- lch(78.92 17.41 175.4)
- CMYK
- cmyk(22% 0% 6% 20%)
틴트 · 셰이드 · 톤
틴트
- AAD2C6
- B3D7CC
- BDDCD3
- C6E1D9
- D0E6DF
- D9EBE5
- E3F0EC
- ECF5F2
- F6FAF9
셰이드
- 8BB2A7
- 76988E
- 617E76
- 4E665F
- 3B4E49
- 293834
- 192320
- 090F0E
- 010202
톤
- 9DC5B9
- 9ABDB3
- 97B5AC
- 94AEA6
- 91A69F
- 8D9E99
- 8A9793
- 878F8C
- 838786
색 조화
보색 +180°
- A0CDC0
Mint Twist
- DEB5C3
≈ Kunzite
유사색 -30° +30°
- A0CDC0
Mint Twist
- AECBAE
≈ Relish
- 9CCCD2
≈ Sea Dew
삼각 배색 +120° +240°
- A0CDC0
Mint Twist
- C4BCE0
≈ New Love
- DCBAA3
≈ Tracery
분열 보색 +150° +210°
- A0CDC0
Mint Twist
- D3B7D4
≈ Lilac Haze
- E1B6B1
≈ Gracious Rose
사각 배색 +90° +180° +270°
- A0CDC0
Mint Twist
- B2C2E4
≈ Spoiled Rotten
- DEB5C3
≈ Kunzite
- D1C09D
≈ Castaway Beach
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.98:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--mint-twist: #a0cdc0;
--mint-twist-rgb: 160 205 192;
--mint-twist-oklch: oklch(0.813 0.051 175.4);
}
.element {
color: var(--mint-twist);
background-color: hsl(163 31% 72%);
border-color: oklch(0.813 0.051 175.4);
}Tailwind CSS v4
@theme {
--color-mint-twist: #a0cdc0;
--color-mint-twist-50: #e7faf5;
--color-mint-twist-100: #d7eee8;
--color-mint-twist-200: #bedcd4;
--color-mint-twist-300: #9dc0b7;
--color-mint-twist-400: #7fa99d;
--color-mint-twist-500: #619284;
--color-mint-twist-600: #537b70;
--color-mint-twist-700: #42635a;
--color-mint-twist-800: #304841;
--color-mint-twist-900: #20322d;
--color-mint-twist-950: #101e1a;
}SCSS
$mint-twist: #a0cdc0;
$mint-twist-rgb: 160, 205, 192;
$mint-twist-light: mix(#fff, $mint-twist, 20%);
$mint-twist-dark: mix(#000, $mint-twist, 20%);
.element {
color: $mint-twist;
box-shadow: 0 0 0 2px rgba($mint-twist, 0.35);
}