色名 · #BBB465
Hi Def Lime
Hi Def Limeは#BBB465：rgb(187 180 101)、hsl(55 39% 56%)、oklch(0.758 0.101 104.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Hi Def Lime color name →
#BBB465
oklch(0.758 0.101 104.1)
カラー変換
- HEX
- #bbb465
- RGB
- rgb(187 180 101)
- HSL
- hsl(55 39% 56%)
- HWB
- hwb(55 40% 27%)
- OKLCH
- oklch(0.758 0.101 104.1)
- OKLab
- oklab(0.758 -0.025 0.098)
- CIE Lab
- lab(72.6 -5.6 40.96)
- LCH
- lch(72.6 41.34 97.8)
- CMYK
- cmyk(0% 4% 46% 27%)
ティント · シェード · トーン
ティント
- C2BC75
- C8C385
- CFCB95
- D5D2A4
- DCDAB3
- E3E1C2
- EAE9D2
- F1F0E1
- F8F7F0
シェード
- A29C57
- 8A8549
- 736E3C
- 5C582F
- 464422
- 323017
- 1F1D0C
- 0D0C03
- 020200
トーン
- B5AF69
- AFAA6D
- A9A470
- A39F73
- 9D9A76
- 979578
- 91907B
- 8B8A7D
- 86857E
カラーハーモニー
補色 +180°
- BBB465
Hi Def Lime
- A9A8EF
≈ Maximum Blue Purple
類似色 -30° +30°
- BBB465
Hi Def Lime
- D7A765
≈ Ungor Beige
- 96BF7C
≈ Sago Garden
トライアド +120° +240°
- BBB465
Hi Def Lime
- 60BEE0
≈ Sea Capture
- DF97C0
≈ Lilac Chiffon
スプリットコンプリメンタリー +150° +210°
- BBB465
Hi Def Lime
- 83B4F0
≈ Fly Away
- C89DDE
≈ Silver Rust
テトラード +90° +180° +270°
- BBB465
Hi Def Lime
- 55C5C3
≈ Port Hope
- A9A8EF
≈ Maximum Blue Purple
- E9969D
≈ Franken Berry
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.82:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--hi-def-lime: #bbb465;
--hi-def-lime-rgb: 187 180 101;
--hi-def-lime-oklch: oklch(0.758 0.101 104.1);
}
.element {
color: var(--hi-def-lime);
background-color: hsl(55 39% 56%);
border-color: oklch(0.758 0.101 104.1);
}Tailwind CSS v4
@theme {
--color-hi-def-lime: #bbb465;
--color-hi-def-lime-50: #f8f8d7;
--color-hi-def-lime-100: #ecebc4;
--color-hi-def-lime-200: #d9d8a6;
--color-hi-def-lime-300: #bebb7e;
--color-hi-def-lime-400: #a8a258;
--color-hi-def-lime-500: #91892d;
--color-hi-def-lime-600: #7b7428;
--color-hi-def-lime-700: #625d20;
--color-hi-def-lime-800: #494314;
--color-hi-def-lime-900: #332f0d;
--color-hi-def-lime-950: #1f1b02;
}SCSS
$hi-def-lime: #bbb465;
$hi-def-lime-rgb: 187, 180, 101;
$hi-def-lime-light: mix(#fff, $hi-def-lime, 20%);
$hi-def-lime-dark: mix(#000, $hi-def-lime, 20%);
.element {
color: $hi-def-lime;
box-shadow: 0 0 0 2px rgba($hi-def-lime, 0.35);
}