Adlandırılmış renk · #6B475D
Annis
Annis, #6B475D: rgb(107 71 93), hsl(323 20% 35%), oklch(0.446 0.059 342.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Annis color name →
#6B475D
oklch(0.446 0.059 342.5)
Renk dönüşümleri
- HEX
- #6b475d
- RGB
- rgb(107 71 93)
- HSL
- hsl(323 20% 35%)
- HWB
- hwb(323 28% 58%)
- OKLCH
- oklch(0.446 0.059 342.5)
- OKLab
- oklab(0.446 0.056 -0.018)
- CIE Lab
- lab(34.91 18.61 -6.47)
- LCH
- lch(34.91 19.7 340.8)
- CMYK
- cmyk(0% 34% 13% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 79586C
- 88697B
- 967A8B
- A58C9A
- B39FAA
- C2B1BB
- D1C4CC
- E0D7DC
- F0EBEE
Koyu tonlar
- 5C3D50
- 4E3243
- 3F2837
- 321F2A
- 25161F
- 180D14
- 0D060A
- 040203
- 000000
Gri tonlar
- 6D4D60
- 705264
- 725867
- 745E6B
- 76636E
- 786972
- 7A6F75
- 7C7479
- 7E7A7C
Renk uyumları
Tamamlayıcı +180°
- 6B475D
Annis
- 345E4A
≈ Wine Leaf
Analog -30° +30°
- 6B475D
Annis
- 5F4B6C
≈ Loganberry
- 71464B
≈ Formal Maroon
Üçlü +120° +240°
- 6B475D
Annis
- 5A552E
≈ Tucumán Green
- 2B5B6C
≈ Night Shift
Bölünmüş tamamlayıcı +150° +210°
- 6B475D
Annis
- 485B39
≈ Stinging Nettle
- 265E5D
≈ Calypso Green
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.82:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.68:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--annis: #6b475d;
--annis-rgb: 107 71 93;
--annis-oklch: oklch(0.446 0.059 342.5);
}
.element {
color: var(--annis);
background-color: hsl(323 20% 35%);
border-color: oklch(0.446 0.059 342.5);
}Tailwind CSS v4
@theme {
--color-annis: #6b475d;
--color-annis-50: #ffeff9;
--color-annis-100: #f7e0ed;
--color-annis-200: #e8cbda;
--color-annis-300: #ceacbf;
--color-annis-400: #b891a8;
--color-annis-500: #a27791;
--color-annis-600: #89657a;
--color-annis-700: #6e5062;
--color-annis-800: #513a49;
--color-annis-900: #382832;
--color-annis-950: #23161e;
}SCSS
$annis: #6b475d;
$annis-rgb: 107, 71, 93;
$annis-light: mix(#fff, $annis, 20%);
$annis-dark: mix(#000, $annis, 20%);
.element {
color: $annis;
box-shadow: 0 0 0 2px rgba($annis, 0.35);
}