가장 가까운 이름 색상 · #95B599
#95B599
가장 가까운 이름 색상: Copper Patina
#95B599(rgb(149 181 153), hsl(127 18% 65%), oklch(0.741 0.053 148.5))와 가장 가까운 이름 색상은 Copper Patina입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#95B599
oklch(0.741 0.053 148.5)
색상 변환
- HEX
- #95b599
- RGB
- rgb(149 181 153)
- HSL
- hsl(127 18% 65%)
- HWB
- hwb(127 58% 29%)
- OKLCH
- oklch(0.741 0.053 148.5)
- OKLab
- oklab(0.741 -0.045 0.028)
- CIE Lab
- lab(70.69 -15.46 10.55)
- LCH
- lch(70.69 18.72 145.7)
- CMYK
- cmyk(18% 0% 15% 29%)
틴트 · 셰이드 · 톤
틴트
- 9FBCA3
- AAC4AD
- B4CBB7
- BFD2C1
- C9DACB
- D4E1D5
- DFE8E0
- E9F0EA
- F4F7F4
셰이드
- 819D84
- 6D8670
- 5A6F5D
- 48594A
- 374438
- 263027
- 161D17
- 080C08
- 010201
톤
- 93B097
- 91AA94
- 8FA592
- 8DA08F
- 8B9A8D
- 89958A
- 879088
- 848A85
- 828583
색 조화
보색 +180°
- 95B599
Copper Patina
- BEA0BC
≈ Beach Lilac
유사색 -30° +30°
- 95B599
Copper Patina
- A7B08B
≈ Filigree Green
- 87B7AB
≈ Winter Surf
삼각 배색 +120° +240°
- 95B599
Copper Patina
- 9DABCE
≈ Lilac Scent Soft Blue
- CB9F98
≈ Aged Pink
분열 보색 +150° +210°
- 95B599
Copper Patina
- AFA4C9
≈ Forever Lilac
- C89EAB
≈ Damsel
사각 배색 +90° +180° +270°
- 95B599
Copper Patina
- 8DB1C9
≈ Windy Day
- BEA0BC
≈ Beach Lilac
- C5A48B
≈ Peanut Butter Crust
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.34:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--copper-patina: #95b599;
--copper-patina-rgb: 149 181 153;
--copper-patina-oklch: oklch(0.741 0.053 148.5);
}
.element {
color: var(--copper-patina);
background-color: hsl(127 18% 65%);
border-color: oklch(0.741 0.053 148.5);
}Tailwind CSS v4
@theme {
--color-copper-patina: #95b599;
--color-copper-patina-50: #ebfaed;
--color-copper-patina-100: #dceddf;
--color-copper-patina-200: #c5dbc9;
--color-copper-patina-300: #a5c0aa;
--color-copper-patina-400: #8aa88d;
--color-copper-patina-500: #6e9073;
--color-copper-patina-600: #5e7a61;
--color-copper-patina-700: #4b624e;
--color-copper-patina-800: #374838;
--color-copper-patina-900: #253226;
--color-copper-patina-950: #141d14;
}SCSS
$copper-patina: #95b599;
$copper-patina-rgb: 149, 181, 153;
$copper-patina-light: mix(#fff, $copper-patina, 20%);
$copper-patina-dark: mix(#000, $copper-patina, 20%);
.element {
color: $copper-patina;
box-shadow: 0 0 0 2px rgba($copper-patina, 0.35);
}