이름 색상 · #B0B454
Green Oasis
Green Oasis은(는) #B0B454: rgb(176 180 84), hsl(63 39% 52%), oklch(0.747 0.12 111.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Green Oasis color name →
#B0B454
oklch(0.747 0.12 111.1)
색상 변환
- HEX
- #b0b454
- RGB
- rgb(176 180 84)
- HSL
- hsl(63 39% 52%)
- HWB
- hwb(63 33% 29%)
- OKLCH
- oklch(0.747 0.12 111.1)
- OKLab
- oklab(0.747 -0.043 0.112)
- CIE Lab
- lab(71.5 -11.29 47.57)
- LCH
- lch(71.5 48.89 103.3)
- CMYK
- cmyk(2% 0% 53% 29%)
틴트 · 셰이드 · 톤
틴트
- B7BC67
- BFC379
- C7CB8B
- CED29C
- D6DAAC
- DEE1BD
- E6E9CE
- EEF0DE
- F7F8EE
셰이드
- 999C48
- 82853C
- 6C6E31
- 565826
- 42441B
- 2E3011
- 1C1D08
- 0B0C02
- 010200
톤
- ABAF5B
- A6AA61
- A1A566
- 9C9F6B
- 979A6F
- 929573
- 8E9077
- 898B7A
- 85857D
색 조화
보색 +180°
- B0B454
Green Oasis
- AD9FF3
≈ Dull Lavender
유사색 -30° +30°
- B0B454
Green Oasis
- D3A54B
≈ Royal Gold Pearl
- 81C077
≈ Laudable Lime
삼각 배색 +120° +240°
- B0B454
Green Oasis
- 4FBAEB
≈ Clean Pool
- E68CB6
≈ Rosebloom
분열 보색 +150° +210°
- B0B454
Green Oasis
- 82ADF9
≈ Kitten’s Eye
- D093DB
≈ Somewhere in a Fairytale
사각 배색 +90° +180° +270°
- B0B454
Green Oasis
- 28C3CC
≈ Turquoise Surf
- AD9FF3
≈ Dull Lavender
- EF8D8C
≈ Ikkonzome Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.50:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--green-oasis: #b0b454;
--green-oasis-rgb: 176 180 84;
--green-oasis-oklch: oklch(0.747 0.12 111.1);
}
.element {
color: var(--green-oasis);
background-color: hsl(63 39% 52%);
border-color: oklch(0.747 0.12 111.1);
}Tailwind CSS v4
@theme {
--color-green-oasis: #b0b454;
--color-green-oasis-50: #f5f9d3;
--color-green-oasis-100: #e7edbf;
--color-green-oasis-200: #d4da9f;
--color-green-oasis-300: #b7be75;
--color-green-oasis-400: #a1a54b;
--color-green-oasis-500: #8a8d11;
--color-green-oasis-600: #757714;
--color-green-oasis-700: #5d5f11;
--color-green-oasis-800: #464507;
--color-green-oasis-900: #303005;
--color-green-oasis-950: #1d1c00;
}SCSS
$green-oasis: #b0b454;
$green-oasis-rgb: 176, 180, 84;
$green-oasis-light: mix(#fff, $green-oasis, 20%);
$green-oasis-dark: mix(#000, $green-oasis, 20%);
.element {
color: $green-oasis;
box-shadow: 0 0 0 2px rgba($green-oasis, 0.35);
}