이름 색상 · #1BA169
Biel-Tan Green
Biel-Tan Green은(는) #1BA169: rgb(27 161 105), hsl(155 71% 37%), oklch(0.628 0.138 158.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Green mean? → · Biel-Tan Green color name →
#1BA169
oklch(0.628 0.138 158.9)
색상 변환
- HEX
- #1ba169
- RGB
- rgb(27 161 105)
- HSL
- hsl(155 71% 37%)
- HWB
- hwb(155 11% 37%)
- OKLCH
- oklch(0.628 0.138 158.9)
- OKLab
- oklab(0.628 -0.129 0.05)
- CIE Lab
- lab(58.65 -45.72 19.15)
- LCH
- lch(58.65 49.57 157.3)
- CMYK
- cmyk(83% 0% 35% 37%)
틴트 · 셰이드 · 톤
틴트
- 41AB77
- 5CB486
- 72BE94
- 88C7A3
- 9CD0B2
- B0DAC1
- C4E3D0
- D8ECE0
- EBF6EF
셰이드
- 168B5A
- 11764C
- 0C623E
- 084E31
- 053C24
- 022A18
- 01190C
- 000904
- 000100
톤
- 329E6C
- 419B6E
- 4D9871
- 579573
- 5F9175
- 678E77
- 6E8B7A
- 74877C
- 7A847E
색 조화
보색 +180°
- 1BA169
Biel-Tan Green
- BD64A4
≈ Young Purple
유사색 -30° +30°
- 1BA169
Biel-Tan Green
- 6E9833
≈ Hidden Valley
- 009D96
≈ Caribbean Turquoise
삼각 배색 +120° +240°
- 1BA169
Biel-Tan Green
- 787DDA
≈ Tanzine
- CD6745
≈ Terracotta
분열 보색 +150° +210°
- 1BA169
Biel-Tan Green
- A16FC7
≈ Rich Lavender
- CD6177
≈ Cherry Fruit
사각 배색 +90° +180° +270°
- 1BA169
Biel-Tan Green
- 3A8DD7
≈ Magical Merlin
- BD64A4
≈ Young Purple
- BD7600
≈ Cassandra’s Curse
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.30:1 · APCA Lc 60
Ag
AA검은색 위
WCAG 6.34:1 · APCA Lc 42
가장 좋은 글자색: #000000
WCAG 6.34:1 (AA) · APCA Lc 42
Contrast pairs
코드 스니펫
CSS
:root {
--biel-tan-green: #1ba169;
--biel-tan-green-rgb: 27 161 105;
--biel-tan-green-oklch: oklch(0.628 0.138 158.9);
}
.element {
color: var(--biel-tan-green);
background-color: hsl(155 71% 37%);
border-color: oklch(0.628 0.138 158.9);
}Tailwind CSS v4
@theme {
--color-biel-tan-green: #1ba169;
--color-biel-tan-green-50: #d4ffe8;
--color-biel-tan-green-100: #c0f7d9;
--color-biel-tan-green-200: #9fe7c1;
--color-biel-tan-green-300: #72cda0;
--color-biel-tan-green-400: #46b780;
--color-biel-tan-green-500: #00a163;
--color-biel-tan-green-600: #008854;
--color-biel-tan-green-700: #006d43;
--color-biel-tan-green-800: #02502e;
--color-biel-tan-green-900: #03381f;
--color-biel-tan-green-950: #00220f;
}SCSS
$biel-tan-green: #1ba169;
$biel-tan-green-rgb: 27, 161, 105;
$biel-tan-green-light: mix(#fff, $biel-tan-green, 20%);
$biel-tan-green-dark: mix(#000, $biel-tan-green, 20%);
.element {
color: $biel-tan-green;
box-shadow: 0 0 0 2px rgba($biel-tan-green, 0.35);
}