이름 색상 · #BECE61
Lustre Green
Lustre Green은(는) #BECE61: rgb(190 206 97), hsl(69 53% 59%), oklch(0.817 0.136 116.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Lustre Green color name →
#BECE61
oklch(0.817 0.136 116.4)
색상 변환
- HEX
- #bece61
- RGB
- rgb(190 206 97)
- HSL
- hsl(69 53% 59%)
- HWB
- hwb(69 38% 19%)
- OKLCH
- oklch(0.817 0.136 116.4)
- OKLab
- oklab(0.817 -0.06 0.121)
- CIE Lab
- lab(79.86 -17.09 51.36)
- LCH
- lch(79.86 54.13 108.4)
- CMYK
- cmyk(8% 0% 53% 19%)
틴트 · 셰이드 · 톤
틴트
- C4D373
- CAD884
- D1DD95
- D7E2A5
- DEE7B4
- E4ECC3
- EBF1D2
- F1F6E1
- F8FAF0
셰이드
- A5B353
- 8C9846
- 757F39
- 5E662D
- 484E21
- 333815
- 1F230B
- 0D0F03
- 020200
톤
- B7C667
- B1BE6B
- ABB66F
- A4AF73
- 9EA776
- 989F79
- 92977B
- 8C8F7D
- 86887F
색 조화
보색 +180°
- BECE61
Lustre Green
- C9B5FF
≈ Violet Heaven
유사색 -30° +30°
- BECE61
Lustre Green
- E9BC4F
≈ Blockchain Gold
- 85DB8E
≈ Leek
삼각 배색 +120° +240°
- BECE61
Lustre Green
- 7CCEFF
≈ Bubbly Barracuda
- FFA3C5
≈ Taffy Pink
분열 보색 +150° +210°
- BECE61
Lustre Green
- A8C2FF
≈ Pastel Blue
- F1A3F1
≈ VIC 20 Pink
사각 배색 +90° +180° +270°
- BECE61
Lustre Green
- 22DBEE
≈ Cold Heights
- C9B5FF
≈ Violet Heaven
- FFA9A0
≈ Corally
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.72:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.19:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--lustre-green: #bece61;
--lustre-green-rgb: 190 206 97;
--lustre-green-oklch: oklch(0.817 0.136 116.4);
}
.element {
color: var(--lustre-green);
background-color: hsl(69 53% 59%);
border-color: oklch(0.817 0.136 116.4);
}Tailwind CSS v4
@theme {
--color-lustre-green: #bece61;
--color-lustre-green-50: #f1fbd0;
--color-lustre-green-100: #e3efbc;
--color-lustre-green-200: #cedd9b;
--color-lustre-green-300: #b0c16f;
--color-lustre-green-400: #9aa841;
--color-lustre-green-500: #829000;
--color-lustre-green-600: #6e7a00;
--color-lustre-green-700: #586200;
--color-lustre-green-800: #424700;
--color-lustre-green-900: #2d3100;
--color-lustre-green-950: #1a1d00;
}SCSS
$lustre-green: #bece61;
$lustre-green-rgb: 190, 206, 97;
$lustre-green-light: mix(#fff, $lustre-green, 20%);
$lustre-green-dark: mix(#000, $lustre-green, 20%);
.element {
color: $lustre-green;
box-shadow: 0 0 0 2px rgba($lustre-green, 0.35);
}