Benannte Farbe · #65707E
Buoyant
Buoyant ist #65707E: rgb(101 112 126), hsl(214 11% 45%), oklch(0.541 0.026 254.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Buoyant color name →
#65707E
oklch(0.541 0.026 254.5)
Farbumrechnungen
- HEX
- #65707e
- RGB
- rgb(101 112 126)
- HSL
- hsl(214 11% 45%)
- HWB
- hwb(214 40% 51%)
- OKLCH
- oklch(0.541 0.026 254.5)
- OKLab
- oklab(0.541 -0.007 -0.025)
- CIE Lab
- lab(46.68 -1.86 -9.25)
- LCH
- lch(46.68 9.43 258.6)
- CMYK
- cmyk(20% 11% 0% 51%)
Tints · Shades · Tones
Tints
- 737D8A
- 828B97
- 9199A3
- A0A7B0
- AFB5BD
- BEC3CA
- CED2D7
- DEE1E4
- EFF0F1
Shades
- 57606D
- 49515C
- 3C434C
- 2F353C
- 22272D
- 171A1F
- 0C0E11
- 030405
- 000101
Tones
- 68727E
- 6A737E
- 6D757F
- 70767F
- 72787F
- 757A7F
- 787B80
- 7B7D80
- 7D7E80
Farbharmonien
Komplementär +180°
- 65707E
Buoyant
- 786D5F
≈ Wet Sandstone
Analog -30° +30°
- 65707E
Buoyant
- 5F727A
≈ Desert Night
- 6D6D7E
≈ Mountain Haze
Triadisch +120° +240°
- 65707E
Buoyant
- 7D696A
≈ Patchwork Plum
- 697264
≈ Moss Beach
Geteilt komplementär +150° +210°
- 65707E
Buoyant
- 7C6B63
≈ Namibia
- 71705F
≈ Sage Green Light
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.03:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 4.17:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.03:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--buoyant: #65707e;
--buoyant-rgb: 101 112 126;
--buoyant-oklch: oklch(0.541 0.026 254.5);
}
.element {
color: var(--buoyant);
background-color: hsl(214 11% 45%);
border-color: oklch(0.541 0.026 254.5);
}Tailwind CSS v4
@theme {
--color-buoyant: #65707e;
--color-buoyant-50: #f0f6fd;
--color-buoyant-100: #e2e8f1;
--color-buoyant-200: #cdd5df;
--color-buoyant-300: #afb8c5;
--color-buoyant-400: #94a0ae;
--color-buoyant-500: #7b8797;
--color-buoyant-600: #687380;
--color-buoyant-700: #535c66;
--color-buoyant-800: #3c434b;
--color-buoyant-900: #292e34;
--color-buoyant-950: #171b20;
}SCSS
$buoyant: #65707e;
$buoyant-rgb: 101, 112, 126;
$buoyant-light: mix(#fff, $buoyant, 20%);
$buoyant-dark: mix(#000, $buoyant, 20%);
.element {
color: $buoyant;
box-shadow: 0 0 0 2px rgba($buoyant, 0.35);
}