가장 가까운 이름 색상 · #00995F
#00995F
가장 가까운 이름 색상: Shamrock
#00995F(rgb(0 153 95), hsl(157 100% 30%), oklch(0.602 0.141 158))와 가장 가까운 이름 색상은 Shamrock입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#00995F
oklch(0.602 0.141 158)
색상 변환
- HEX
- #00995f
- RGB
- rgb(0 153 95)
- HSL
- hsl(157 100% 30%)
- HWB
- hwb(157 0% 40%)
- OKLCH
- oklch(0.602 0.141 158)
- OKLab
- oklab(0.602 -0.131 0.053)
- CIE Lab
- lab(55.61 -46.48 20.49)
- LCH
- lch(55.61 50.8 156.2)
- CMYK
- cmyk(100% 0% 38% 40%)
틴트 · 셰이드 · 톤
틴트
- 38A36E
- 54AE7E
- 6CB88D
- 83C29D
- 98CCAD
- ADD6BD
- C1E1CD
- D6EBDE
- EAF5EE
셰이드
- 008452
- 007044
- 005D38
- 004A2C
- 003820
- 002715
- 00170A
- 000803
- 000100
톤
- 279763
- 399566
- 47926A
- 52906D
- 5B8D70
- 648B74
- 6C8877
- 73867A
- 7A837D
색 조화
보색 +180°
- 00995F
Shamrock
- B55C9E
≈ Bodacious
유사색 -30° +30°
- 00995F
Shamrock
- 689023
≈ Asparagus Sultan
- 00948C
≈ Torrid Turquoise
삼각 배색 +120° +240°
- 00995F
Shamrock
- 6E75D3
≈ C64 Purple
- C55E3D
≈ Cold Brew Tonic
분열 보색 +150° +210°
- 00995F
Shamrock
- 9867C1
≈ Amethyst
- C45871
≈ Mon Cher Ami
사각 배색 +90° +180° +270°
- 00995F
Shamrock
- 2A85D0
≈ Calgar Blue
- B55C9E
≈ Bodacious
- B36F00
≈ Caramel
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.67:1 · APCA Lc 64
Ag
AA검은색 위
WCAG 5.72:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.72:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--shamrock: #00995f;
--shamrock-rgb: 0 153 95;
--shamrock-oklch: oklch(0.602 0.141 158);
}
.element {
color: var(--shamrock);
background-color: hsl(157 100% 30%);
border-color: oklch(0.602 0.141 158);
}Tailwind CSS v4
@theme {
--color-shamrock: #00995f;
--color-shamrock-50: #d3ffe7;
--color-shamrock-100: #c0f7d8;
--color-shamrock-200: #9ee7c0;
--color-shamrock-300: #71ce9e;
--color-shamrock-400: #45b77e;
--color-shamrock-500: #00a161;
--color-shamrock-600: #008852;
--color-shamrock-700: #006d41;
--color-shamrock-800: #01502d;
--color-shamrock-900: #03381e;
--color-shamrock-950: #00220e;
}SCSS
$shamrock: #00995f;
$shamrock-rgb: 0, 153, 95;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}