neutralcool

Flint #6F7A80

A dark blue-gray named after flint stone; deeper and cooler than charcoal.

Use cases: Dark UI · Typography

Open in generator →Colors that go with flint

Families: Slate Colors

Color values

FormatValue
HEX#6F7A80
RGBrgb(111, 122, 128)
HSLhsl(201, 7%, 47%)
HSVhsv(201, 13%, 50%)
OKLCHoklch(57.24% 0.016 231.4)
OKLaboklab(57.24% -0.01 -0.0126)
CMYKcmyk(13.3%, 4.7%, 0%, 49.8%)
XYZxyz(17.4104, 18.8568, 23.1403)
CIE-LABlab(50.5, -2.8, -4.7)
CIE-LCHlch(50.5, 5.4, 239.4°)
Luminance0.189 (WCAG relative)
/* Flint */ --flint: #6f7a80; color: #6f7a80; background-color: #6f7a80;

Source: Tintiva editorial record. CSS keyword: flint.

Collections: Muted Colors · Cool Gray Colors · Neutral Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#636d72 #586165 #4d5458 #42484c #383d3f #2e3133 #242628 #1a1c1d #101112 #000000

Tints (toward white)

#7c868c #8a9398 #98a0a4 #a6adb1 #b5babe #c3c8ca #d2d5d7 #e1e3e4 #f0f1f2 #ffffff

Tones (toward gray)

#707a7f #717a7e #72797e #73797d #74797c #75797b #76797b #76797a #777879 #787878

Color harmonies

Complementary

Edit in generator →
#6F7A80
#80756F
#6f7a80 #80756f

Analogous

Edit in generator →
#6F807E
#6F7A80
#6F7280
#6f807e #6f7a80 #6f7280

Triadic

Edit in generator →
#6F7A80
#806F7A
#7A806F
#6f7a80 #806f7a #7a806f

Tetradic

Edit in generator →
#6F7A80
#7E6F80
#80756F
#72806F
#6f7a80 #7e6f80 #80756f #72806f

Square

Edit in generator →
#6F7A80
#7E6F80
#80756F
#72806F
#6f7a80 #7e6f80 #80756f #72806f

Split Complementary

Edit in generator →
#6F7A80
#806F72
#807E6F
#6f7a80 #806f72 #807e6f

Monochromatic

Edit in generator →
#363C3E
#535B5F
#6F7A80
#8F989E
#AFB6BA
#363c3e #535b5f #6f7a80 #8f989e #afb6ba

Accessibility & contrast

4.40
#6F7A80 on #FFFFFF
AA text AA large AAA text UI 3:1
4.77
#6F7A80 on #000000
AA text AA large AAA text UI 3:1

Best text on flint

4.77
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#777980
Deuteranopia (green-blind)
#757780
Tritanopia (blue-blind)
#6B7C7C

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Battleship Grey #6B7C852.35
Steel Grey #6F828A3.91
Slate Gray #7080905.09
Grey Blue #647D8E5.62
Steel #7385956.06
Gray #8080806.25

Palettes with flint

Colors that go with flint

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Bluegrey #85A3B2
1.6:1
Same hue family as flint (Δh 1°) — guaranteed harmony
4.0:1
Analogous hue (Δh ≈29°) — neighbors on the color wheel
Grey Green #86A17D
1.6:1
Close value pairing (1.55:1) — use for large surfaces, not small text
Beige #F5F5DC
4.0:1
Split-complementary angle (Δh ≈141°) — strong but softer than direct complement
Warm Beige #E9DCC9
3.3:1
Complementary hue (Δh ≈166°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.