色名 · #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);
}