色名 · #BB9B52
Tangy Green
Tangy Greenは#BB9B52：rgb(187 155 82)、hsl(42 44% 53%)、oklch(0.703 0.1 86.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Tangy Green color name →
#BB9B52
oklch(0.703 0.1 86.1)
カラー変換
- HEX
- #bb9b52
- RGB
- rgb(187 155 82)
- HSL
- hsl(42 44% 53%)
- HWB
- hwb(42 32% 27%)
- OKLCH
- oklch(0.703 0.1 86.1)
- OKLab
- oklab(0.703 0.007 0.099)
- CIE Lab
- lab(65.8 5.77 42.39)
- LCH
- lch(65.8 42.78 82.2)
- CMYK
- cmyk(0% 17% 56% 27%)
ティント · シェード · トーン
ティント
- C2A565
- C8AF76
- CFB988
- D6C399
- DDCDAA
- E4D7BB
- EAE1CC
- F1EBDD
- F8F5EE
シェード
- A28646
- 8A723B
- 735E2F
- 5C4B25
- 46391A
- 322811
- 1F1808
- 0D0902
- 020100
トーン
- B59858
- AF965E
- A99364
- A39168
- 9D8E6D
- 978B71
- 918975
- 8C8679
- 86837D
カラーハーモニー
補色 +180°
- BB9B52
Tangy Green
- 829EDE
≈ Portage
類似色 -30° +30°
- BB9B52
Tangy Green
- CF8F61
≈ Whiskey
- 9CA75D
≈ Green Smoke
トライアド +120° +240°
- BB9B52
Tangy Green
- 43B1BE
≈ Thalassa
- C089C1
≈ Dragonflies
スプリットコンプリメンタリー +150° +210°
- BB9B52
Tangy Green
- 5DA9D5
≈ Hoeth Blue
- A593D7
≈ Middy’s Purple
テトラード +90° +180° +270°
- BB9B52
Tangy Green
- 50B49D
≈ Sacred Turquoise
- 829EDE
≈ Portage
- D185A1
≈ Heirloom Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.65:1 · APCA Lc 52
Ag
AAA黒の上
WCAG 7.92:1 · APCA Lc 50
最適な文字色: #000000
WCAG 7.92:1 (AAA) · APCA Lc 50
Contrast pairs
コードスニペット
CSS
:root {
--tangy-green: #bb9b52;
--tangy-green-rgb: 187 155 82;
--tangy-green-oklch: oklch(0.703 0.1 86.1);
}
.element {
color: var(--tangy-green);
background-color: hsl(42 44% 53%);
border-color: oklch(0.703 0.1 86.1);
}Tailwind CSS v4
@theme {
--color-tangy-green: #bb9b52;
--color-tangy-green-50: #fff4d5;
--color-tangy-green-100: #f6e7c3;
--color-tangy-green-200: #e6d3a4;
--color-tangy-green-300: #cdb57c;
--color-tangy-green-400: #b99a56;
--color-tangy-green-500: #a3812b;
--color-tangy-green-600: #8a6d26;
--color-tangy-green-700: #6f571e;
--color-tangy-green-800: #533f14;
--color-tangy-green-900: #3a2b0d;
--color-tangy-green-950: #241902;
}SCSS
$tangy-green: #bb9b52;
$tangy-green-rgb: 187, 155, 82;
$tangy-green-light: mix(#fff, $tangy-green, 20%);
$tangy-green-dark: mix(#000, $tangy-green, 20%);
.element {
color: $tangy-green;
box-shadow: 0 0 0 2px rgba($tangy-green, 0.35);
}