Color con nombre · #B3BFB0
Flagstaff Green
Flagstaff Green es #B3BFB0: rgb(179 191 176), hsl(108 10% 72%), oklch(0.791 0.025 139.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Flagstaff Green color name →
#B3BFB0
oklch(0.791 0.025 139.4)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- BAC5B8
- C2CCBF
- C9D2C7
- D1D8CF
- D8DFD7
- E0E5DF
- E8EBE7
- EFF2EF
- F7F8F7
Sombras
- 9BA699
- 848D82
- 6E756C
- 585E56
- 434842
- 2F332E
- 1D1F1C
- 0C0D0B
- 010201
Tonos
- AEB9AB
- A9B2A6
- A3ACA1
- 9EA59D
- 999F98
- 949993
- 8F928E
- 8A8C89
- 858685
Armonías de color
Complementario +180°
- B3BFB0
Flagstaff Green
- C2B6C5
≈ Pink Bravado
Análogo -30° +30°
- B3BFB0
Flagstaff Green
- BCBCAB
≈ Sapless Green
- ACC0B8
≈ Garden Gazebo
Triádico +120° +240°
- B3BFB0
Flagstaff Green
- B2BCCB
≈ Blunt
- CAB5B4
≈ Cold Turkey
Complementario dividido +150° +210°
- B3BFB0
Flagstaff Green
- BAB9CA
≈ Cosmic
- C8B5BD
≈ High Society
Tetrádico +90° +180° +270°
- B3BFB0
Flagstaff Green
- ABBEC8
≈ Bright Chambray
- C2B6C5
≈ Pink Bravado
- C9B7AD
≈ Froth
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.90:1 · APCA Lc 36
Ag
AAASobre negro
WCAG 10.99:1 · APCA Lc 66
Mejor color de texto: #000000
WCAG 10.99:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmentos de código
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);
}