이름 색상 · #BDDA57
June Bud
June Bud은(는) #BDDA57: rgb(189 218 87), hsl(73 64% 60%), oklch(0.841 0.159 120.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · June Bud color name →
#BDDA57
oklch(0.841 0.159 120.5)
색상 변환
- HEX
- #bdda57
- RGB
- rgb(189 218 87)
- HSL
- hsl(73 64% 60%)
- HWB
- hwb(73 34% 15%)
- OKLCH
- oklch(0.841 0.159 120.5)
- OKLab
- oklab(0.841 -0.081 0.137)
- CIE Lab
- lab(83 -23.54 59.13)
- LCH
- lch(83 63.64 111.7)
- CMYK
- cmyk(13% 0% 60% 15%)
틴트 · 셰이드 · 톤
틴트
- C3DE6C
- CAE27F
- D0E691
- D6EAA2
- DDEDB2
- E4F1C2
- EAF5D1
- F1F8E1
- F8FCF0
셰이드
- A4BD4B
- 8CA23E
- 748733
- 5D6C27
- 47541C
- 333C12
- 1F2508
- 0D1103
- 020200
톤
- B7D15F
- B0C865
- AABF6B
- A4B670
- 9EAD74
- 98A477
- 929B7A
- 8C927C
- 86897E
색 조화
보색 +180°
- BDDA57
June Bud
- D4BEFF
≈ Lavender Fragrance
유사색 -30° +30°
- BDDA57
June Bud
- F3C632
≈ Saffron
- 74E893
≈ Ragweed
삼각 배색 +120° +240°
- BDDA57
June Bud
- 96D3FF
≈ Long Island Sound
- FFB1C8
≈ Caregiver Pink
분열 보색 +150° +210°
- BDDA57
June Bud
- B7C9FF
≈ Light Periwinkle
- FFA8F6
≈ Jigglypuff
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--june-bud: #bdda57;
--june-bud-rgb: 189 218 87;
--june-bud-oklch: oklch(0.841 0.159 120.5);
}
.element {
color: var(--june-bud);
background-color: hsl(73 64% 60%);
border-color: oklch(0.841 0.159 120.5);
}Tailwind CSS v4
@theme {
--color-june-bud: #bdda57;
--color-june-bud-50: #edfdcb;
--color-june-bud-100: #def1b6;
--color-june-bud-200: #c8e092;
--color-june-bud-300: #a9c464;
--color-june-bud-400: #92ac2b;
--color-june-bud-500: #799400;
--color-june-bud-600: #667d00;
--color-june-bud-700: #526400;
--color-june-bud-800: #3e4900;
--color-june-bud-900: #2a3300;
--color-june-bud-950: #181e00;
}SCSS
$june-bud: #bdda57;
$june-bud-rgb: 189, 218, 87;
$june-bud-light: mix(#fff, $june-bud, 20%);
$june-bud-dark: mix(#000, $june-bud, 20%);
.element {
color: $june-bud;
box-shadow: 0 0 0 2px rgba($june-bud, 0.35);
}