Benannte Farbe · #AEB2C0
Chivalrous
Chivalrous ist #AEB2C0: rgb(174 178 192), hsl(227 12% 72%), oklch(0.765 0.02 273.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Chivalrous color name →
#AEB2C0
oklch(0.765 0.02 273.2)
Farbumrechnungen
- HEX
- #aeb2c0
- RGB
- rgb(174 178 192)
- HSL
- hsl(227 12% 72%)
- HWB
- hwb(227 68% 25%)
- OKLCH
- oklch(0.765 0.02 273.2)
- OKLab
- oklab(0.765 0.001 -0.02)
- CIE Lab
- lab(72.58 0.61 -7.66)
- LCH
- lch(72.58 7.69 274.6)
- CMYK
- cmyk(9% 7% 0% 25%)
Tints · Shades · Tones
Tints
- B6B9C6
- BEC1CC
- C6C9D3
- CED0D9
- D6D8DF
- DEE0E5
- E6E7EC
- EEEFF2
- F7F7F9
Shades
- 979AA7
- 80838E
- 6A6D76
- 55575F
- 414349
- 2E2F34
- 1C1D20
- 0B0C0E
- 010102
Tones
- A9ADB9
- A5A8B3
- A0A3AC
- 9B9EA6
- 97999F
- 929499
- 8E8F93
- 898A8C
- 848586
Farbharmonien
Komplementär +180°
- AEB2C0
Chivalrous
- B7B3A4
≈ Digital Garage
Analog -30° +30°
- AEB2C0
Chivalrous
- A8B4BF
≈ Intercoastal Grey
- B5B0BE
≈ Dreamland
Triadisch +120° +240°
- AEB2C0
Chivalrous
- BFAEAA
≈ Perdu Pink
- A9B7AD
≈ Sigh of Relief
Geteilt komplementär +150° +210°
- AEB2C0
Chivalrous
- BCB0A6
≈ Drake Tooth
- B0B5A7
≈ Rigani
Tetradisch +90° +180° +270°
- AEB2C0
Chivalrous
- BFADB1
≈ Moire
- B7B3A4
≈ Digital Garage
- A5B7B4
≈ Holly Glen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.11:1 · APCA Lc 41
Ag
AAAAuf Schwarz
WCAG 9.92:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.92:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--chivalrous: #aeb2c0;
--chivalrous-rgb: 174 178 192;
--chivalrous-oklch: oklch(0.765 0.02 273.2);
}
.element {
color: var(--chivalrous);
background-color: hsl(227 12% 72%);
border-color: oklch(0.765 0.02 273.2);
}Tailwind CSS v4
@theme {
--color-chivalrous: #aeb2c0;
--color-chivalrous-50: #f3f5fb;
--color-chivalrous-100: #e6e7ef;
--color-chivalrous-200: #d1d4dd;
--color-chivalrous-300: #b4b7c2;
--color-chivalrous-400: #9a9eab;
--color-chivalrous-500: #818694;
--color-chivalrous-600: #6e717d;
--color-chivalrous-700: #585a64;
--color-chivalrous-800: #40424a;
--color-chivalrous-900: #2c2e33;
--color-chivalrous-950: #191a1f;
}SCSS
$chivalrous: #aeb2c0;
$chivalrous-rgb: 174, 178, 192;
$chivalrous-light: mix(#fff, $chivalrous, 20%);
$chivalrous-dark: mix(#000, $chivalrous, 20%);
.element {
color: $chivalrous;
box-shadow: 0 0 0 2px rgba($chivalrous, 0.35);
}