Nächste benannte Farbe · #687886
#687886
Nächste benannte Farbe: Citadel
#687886 (rgb(104 120 134), hsl(208 13% 47%), oklch(0.565 0.029 244.7)) liegt am nächsten an der benannten Farbe Citadel. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#687886
oklch(0.565 0.029 244.7)
Farbumrechnungen
- HEX
- #687886
- RGB
- rgb(104 120 134)
- HSL
- hsl(208 13% 47%)
- HWB
- hwb(208 41% 47%)
- OKLCH
- oklch(0.565 0.029 244.7)
- OKLab
- oklab(0.565 -0.012 -0.026)
- CIE Lab
- lab(49.48 -3.66 -9.77)
- LCH
- lch(49.48 10.43 249.5)
- CMYK
- cmyk(22% 10% 0% 47%)
Tints · Shades · Tones
Tints
- 768591
- 84929D
- 939FA9
- A2ACB5
- B1B9C1
- C0C7CD
- CFD5D9
- DFE3E6
- EFF1F2
Shades
- 596774
- 4B5762
- 3E4851
- 303940
- 242A30
- 181D21
- 0C1013
- 040506
- 000101
Tones
- 6A7985
- 6D7A85
- 6F7A84
- 727B84
- 747C83
- 767D83
- 797E82
- 7B7E81
- 7E7F81
Farbharmonien
Komplementär +180°
- 687886
Citadel
- 827364
≈ Rye Dough Brown
Analog -30° +30°
- 687886
Citadel
- 637A80
≈ Gravel Grey Blue
- 707587
≈ Storm Grey
Triadisch +120° +240°
- 687886
Citadel
- 856F73
≈ Pomace Red
- 727967
≈ Burdock
Geteilt komplementär +150° +210°
- 687886
Citadel
- 86706B
≈ Umbra Sand
- 7B7663
≈ Lapwing Grey Green
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.54:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.61:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.61:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--citadel: #687886;
--citadel-rgb: 104 120 134;
--citadel-oklch: oklch(0.565 0.029 244.7);
}
.element {
color: var(--citadel);
background-color: hsl(208 13% 47%);
border-color: oklch(0.565 0.029 244.7);
}Tailwind CSS v4
@theme {
--color-citadel: #687886;
--color-citadel-50: #eff6fd;
--color-citadel-100: #e0e9f1;
--color-citadel-200: #cbd6e0;
--color-citadel-300: #acb9c6;
--color-citadel-400: #91a1af;
--color-citadel-500: #778998;
--color-citadel-600: #657481;
--color-citadel-700: #505c67;
--color-citadel-800: #3a444c;
--color-citadel-900: #282f35;
--color-citadel-950: #161b20;
}SCSS
$citadel: #687886;
$citadel-rgb: 104, 120, 134;
$citadel-light: mix(#fff, $citadel, 20%);
$citadel-dark: mix(#000, $citadel, 20%);
.element {
color: $citadel;
box-shadow: 0 0 0 2px rgba($citadel, 0.35);
}