Named color · #661111
Adana Kebabı
Adana Kebabı is #661111: rgb(102 17 17), hsl(0 71% 23%), oklch(0.334 0.118 26.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Brown mean? → · Adana Kebabı color name →
#661111
oklch(0.334 0.118 26.5)
Color conversions
- HEX
- #661111
- RGB
- rgb(102 17 17)
- HSL
- hsl(0 71% 23%)
- HWB
- hwb(0 7% 60%)
- OKLCH
- oklch(0.334 0.118 26.5)
- OKLab
- oklab(0.334 0.106 0.053)
- CIE Lab
- lab(21.55 37.26 25.08)
- LCH
- lch(21.55 44.92 33.9)
- CMYK
- cmyk(0% 83% 83% 60%)
Tints · Shades · Tones
Tints
- 772C27
- 87433D
- 975953
- A7706A
- B68781
- C59E99
- D4B6B2
- E2CECB
- F1E6E5
Shades
- 580D0D
- 4A0909
- 3C0606
- 2F0404
- 230202
- 170101
- 0C0000
- 040000
- 000000
Tones
- 6A201D
- 6E2D28
- 723833
- 75433D
- 784D48
- 7A5753
- 7C615E
- 7E6C69
- 7F7675
Color harmonies
Complementary +180°
- 661111
Adana Kebabı
- 003E45
≈ Ghostlands Coal
Analogous -30° +30°
- 661111
Adana Kebabı
- 611038
≈ Spanish Purple
- 552900
≈ Conker Brown
Triadic +120° +240°
- 661111
Adana Kebabı
- 004312
≈ Wailing Woods
- 1A2F72
≈ Atlantic Navy
Split-complementary +150° +210°
- 661111
Adana Kebabı
- 004135
≈ UP Forest Green
- 003B56
≈ Gibraltar Sea
Tetradic +90° +180° +270°
- 661111
Adana Kebabı
- 343B00
≈ Dark Olive
- 003E45
≈ Ghostlands Coal
- 3E246B
≈ Fading Horizon
Contrast & accessibility
Ag
AAAOn white
WCAG 12.70:1 · APCA Lc 97
Ag
FailOn black
WCAG 1.65:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 12.70:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--adana-kebab: #661111;
--adana-kebab-rgb: 102 17 17;
--adana-kebab-oklch: oklch(0.334 0.118 26.5);
}
.element {
color: var(--adana-kebab);
background-color: hsl(0 71% 23%);
border-color: oklch(0.334 0.118 26.5);
}Tailwind CSS v4
@theme {
--color-adana-kebab: #661111;
--color-adana-kebab-50: #ffe9e2;
--color-adana-kebab-100: #ffdad2;
--color-adana-kebab-200: #ffc2b8;
--color-adana-kebab-300: #eea095;
--color-adana-kebab-400: #dc8279;
--color-adana-kebab-500: #c8645b;
--color-adana-kebab-600: #a9554d;
--color-adana-kebab-700: #88443e;
--color-adana-kebab-800: #65302d;
--color-adana-kebab-900: #47211f;
--color-adana-kebab-950: #2e100f;
}SCSS
$adana-kebab: #661111;
$adana-kebab-rgb: 102, 17, 17;
$adana-kebab-light: mix(#fff, $adana-kebab, 20%);
$adana-kebab-dark: mix(#000, $adana-kebab, 20%);
.element {
color: $adana-kebab;
box-shadow: 0 0 0 2px rgba($adana-kebab, 0.35);
}