色名 · #B0C86F
Young Leaf
Young Leafは#B0C86F：rgb(176 200 111)、hsl(76 45% 61%)、oklch(0.795 0.118 121.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Young Leaf color name →
#B0C86F
oklch(0.795 0.118 121.5)
カラー変換
- HEX
- #b0c86f
- RGB
- rgb(176 200 111)
- HSL
- hsl(76 45% 61%)
- HWB
- hwb(76 44% 22%)
- OKLCH
- oklch(0.795 0.118 121.5)
- OKLab
- oklab(0.795 -0.062 0.101)
- CIE Lab
- lab(77.3 -18.82 41.44)
- LCH
- lch(77.3 45.52 114.4)
- CMYK
- cmyk(12% 0% 45% 22%)
ティント · シェード · トーン
ティント
- B8CE7E
- BFD38D
- C7D99C
- CFDEAA
- D7E4B9
- DFE9C7
- E7EFD5
- EFF4E3
- F7FAF1
シェード
- 99AE60
- 829451
- 6C7B42
- 566334
- 424C27
- 2E361A
- 1C210E
- 0B0F04
- 010201
トーン
- ABC172
- A6B975
- A1B277
- 9CAB79
- 97A47B
- 939D7C
- 8E957E
- 898E7F
- 85877F
カラーハーモニー
補色 +180°
- B0C86F
Young Leaf
- C9AAFC
≈ Purple Hepatica
類似色 -30° +30°
- B0C86F
Young Leaf
- D8B95C
≈ Gold Vein
- 80D296
≈ Enchanted Emerald
トライアド +120° +240°
- B0C86F
Young Leaf
- 75C5FF
≈ Maya Blue
- FB9BB7
≈ Saira Red
スプリットコンプリメンタリー +150° +210°
- B0C86F
Young Leaf
- A4B8FF
≈ Truesky Gloxym
- E8A0DE
≈ Plum Juice
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.85:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.33:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.33:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--young-leaf: #b0c86f;
--young-leaf-rgb: 176 200 111;
--young-leaf-oklch: oklch(0.795 0.118 121.5);
}
.element {
color: var(--young-leaf);
background-color: hsl(76 45% 61%);
border-color: oklch(0.795 0.118 121.5);
}Tailwind CSS v4
@theme {
--color-young-leaf: #b0c86f;
--color-young-leaf-50: #eefbd7;
--color-young-leaf-100: #e0efc4;
--color-young-leaf-200: #cadda6;
--color-young-leaf-300: #abc27e;
--color-young-leaf-400: #93a956;
--color-young-leaf-500: #7a922b;
--color-young-leaf-600: #677b26;
--color-young-leaf-700: #53631e;
--color-young-leaf-800: #3e4812;
--color-young-leaf-900: #2a320b;
--color-young-leaf-950: #181e01;
}SCSS
$young-leaf: #b0c86f;
$young-leaf-rgb: 176, 200, 111;
$young-leaf-light: mix(#fff, $young-leaf, 20%);
$young-leaf-dark: mix(#000, $young-leaf, 20%);
.element {
color: $young-leaf;
box-shadow: 0 0 0 2px rgba($young-leaf, 0.35);
}