Benannte Farbe · #C9AFA9
Young Turk
Young Turk ist #C9AFA9: rgb(201 175 169), hsl(11 23% 73%), oklch(0.775 0.031 33.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Young Turk color name →
#C9AFA9
oklch(0.775 0.031 33.1)
Farbumrechnungen
- HEX
- #c9afa9
- RGB
- rgb(201 175 169)
- HSL
- hsl(11 23% 73%)
- HWB
- hwb(11 66% 21%)
- OKLCH
- oklch(0.775 0.031 33.1)
- OKLab
- oklab(0.775 0.026 0.017)
- CIE Lab
- lab(73.63 8.97 6.73)
- LCH
- lch(73.63 11.21 36.9)
- CMYK
- cmyk(0% 13% 16% 21%)
Tints · Shades · Tones
Tints
- CEB7B1
- D4BFBA
- D9C6C2
- DFCECB
- E4D6D3
- E9DEDC
- EFE6E5
- F4EFED
- FAF7F6
Shades
- AE9892
- 95817C
- 7C6B67
- 645653
- 4C413F
- 362E2C
- 221C1B
- 0F0B0A
- 020101
Tones
- C2AAA5
- BAA5A1
- B3A19D
- AB9C98
- A49794
- 9D9390
- 958E8C
- 8E8988
- 878584
Farbharmonien
Komplementär +180°
- C9AFA9
Young Turk
- A0BBC2
≈ French Moire
Analog -30° +30°
- C9AFA9
Young Turk
- C8AEB4
≈ Velvet Ears
- C5B2A2
≈ Cracked Earth
Triadisch +120° +240°
- C9AFA9
Young Turk
- A7BCAC
≈ Rockfall
- AFB5CA
≈ Spacious Sky
Geteilt komplementär +150° +210°
- C9AFA9
Young Turk
- A1BDB8
≈ Nursery Wall
- A5B9C9
≈ Always Blue
Tetradisch +90° +180° +270°
- C9AFA9
Young Turk
- B2B9A4
≈ Matt Sage
- A0BBC2
≈ French Moire
- BAB1C7
≈ Violet Bouquet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.18:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.18:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--young-turk: #c9afa9;
--young-turk-rgb: 201 175 169;
--young-turk-oklch: oklch(0.775 0.031 33.1);
}
.element {
color: var(--young-turk);
background-color: hsl(11 23% 73%);
border-color: oklch(0.775 0.031 33.1);
}Tailwind CSS v4
@theme {
--color-young-turk: #c9afa9;
--color-young-turk-50: #fef2ef;
--color-young-turk-100: #f2e4e1;
--color-young-turk-200: #e1d0cb;
--color-young-turk-300: #c7b2ad;
--color-young-turk-400: #b09893;
--color-young-turk-500: #9a7f79;
--color-young-turk-600: #826c66;
--color-young-turk-700: #685652;
--color-young-turk-800: #4d3f3c;
--color-young-turk-900: #352b29;
--color-young-turk-950: #201817;
}SCSS
$young-turk: #c9afa9;
$young-turk-rgb: 201, 175, 169;
$young-turk-light: mix(#fff, $young-turk, 20%);
$young-turk-dark: mix(#000, $young-turk, 20%);
.element {
color: $young-turk;
box-shadow: 0 0 0 2px rgba($young-turk, 0.35);
}