色名 · #B3BFB0
Flagstaff Green
Flagstaff Greenは#B3BFB0：rgb(179 191 176)、hsl(108 10% 72%)、oklch(0.791 0.025 139.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Flagstaff Green color name →
#B3BFB0
oklch(0.791 0.025 139.4)
カラー変換
- HEX
- #b3bfb0
- RGB
- rgb(179 191 176)
- HSL
- hsl(108 10% 72%)
- HWB
- hwb(108 69% 25%)
- OKLCH
- oklch(0.791 0.025 139.4)
- OKLab
- oklab(0.791 -0.019 0.016)
- CIE Lab
- lab(76.08 -6.38 6.1)
- LCH
- lch(76.08 8.83 136.3)
- CMYK
- cmyk(6% 0% 8% 25%)
ティント · シェード · トーン
ティント
- BAC5B8
- C2CCBF
- C9D2C7
- D1D8CF
- D8DFD7
- E0E5DF
- E8EBE7
- EFF2EF
- F7F8F7
シェード
- 9BA699
- 848D82
- 6E756C
- 585E56
- 434842
- 2F332E
- 1D1F1C
- 0C0D0B
- 010201
トーン
- AEB9AB
- A9B2A6
- A3ACA1
- 9EA59D
- 999F98
- 949993
- 8F928E
- 8A8C89
- 858685
カラーハーモニー
補色 +180°
- B3BFB0
Flagstaff Green
- C2B6C5
≈ Pink Bravado
類似色 -30° +30°
- B3BFB0
Flagstaff Green
- BCBCAB
≈ Sapless Green
- ACC0B8
≈ Garden Gazebo
トライアド +120° +240°
- B3BFB0
Flagstaff Green
- B2BCCB
≈ Blunt
- CAB5B4
≈ Cold Turkey
スプリットコンプリメンタリー +150° +210°
- B3BFB0
Flagstaff Green
- BAB9CA
≈ Cosmic
- C8B5BD
≈ High Society
テトラード +90° +180° +270°
- B3BFB0
Flagstaff Green
- ABBEC8
≈ Bright Chambray
- C2B6C5
≈ Pink Bravado
- C9B7AD
≈ Froth
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.90:1 · APCA Lc 36
Ag
AAA黒の上
WCAG 10.99:1 · APCA Lc 66
最適な文字色: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
コードスニペット
CSS
:root {
--flagstaff-green: #b3bfb0;
--flagstaff-green-rgb: 179 191 176;
--flagstaff-green-oklch: oklch(0.791 0.025 139.4);
}
.element {
color: var(--flagstaff-green);
background-color: hsl(108 10% 72%);
border-color: oklch(0.791 0.025 139.4);
}Tailwind CSS v4
@theme {
--color-flagstaff-green: #b3bfb0;
--color-flagstaff-green-50: #f1f7f0;
--color-flagstaff-green-100: #e3eae2;
--color-flagstaff-green-200: #cfd7cd;
--color-flagstaff-green-300: #b1bbaf;
--color-flagstaff-green-400: #97a294;
--color-flagstaff-green-500: #7e8a7b;
--color-flagstaff-green-600: #6b7568;
--color-flagstaff-green-700: #555e53;
--color-flagstaff-green-800: #3e443c;
--color-flagstaff-green-900: #2b2f29;
--color-flagstaff-green-950: #181c17;
}SCSS
$flagstaff-green: #b3bfb0;
$flagstaff-green-rgb: 179, 191, 176;
$flagstaff-green-light: mix(#fff, $flagstaff-green, 20%);
$flagstaff-green-dark: mix(#000, $flagstaff-green, 20%);
.element {
color: $flagstaff-green;
box-shadow: 0 0 0 2px rgba($flagstaff-green, 0.35);
}