En yakın adlandırılmış renk · #C44700
#C44700
En yakın adlandırılmış renk: Vinaceous Tawny
#C44700 (rgb(196 71 0), hsl(22 100% 38%), oklch(0.564 0.172 41.4)) en çok Vinaceous Tawny adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#C44700
oklch(0.564 0.172 41.4)
Renk dönüşümleri
- HEX
- #c44700
- RGB
- rgb(196 71 0)
- HSL
- hsl(22 100% 38%)
- HWB
- hwb(22 0% 23%)
- OKLCH
- oklch(0.564 0.172 41.4)
- OKLab
- oklab(0.564 0.129 0.114)
- CIE Lab
- lab(48.01 49.18 59.2)
- LCH
- lch(48.01 76.97 50.3)
- CMYK
- cmyk(0% 64% 100% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CC5C2D
- D46F48
- DB8260
- E29477
- E8A68D
- EEB8A4
- F3CABA
- F7DBD1
- FCEDE8
Koyu tonlar
- AA3D00
- 913200
- 782800
- 611F00
- 4A1600
- 350D00
- 210600
- 0E0200
- 020000
Gri tonlar
- BE4F1F
- B9572F
- B35D3C
- AD6448
- A66952
- 9F6E5C
- 987365
- 91786E
- 897C77
Renk uyumları
Tamamlayıcı +180°
- C44700
Vinaceous Tawny
- 0083A0
≈ Ahoy! Blue
Analog -30° +30°
- C44700
Vinaceous Tawny
- C53D5B
≈ Cherry Lolly
- A16700
≈ Cumin Ochre
Üçlü +120° +240°
- C44700
Vinaceous Tawny
- 008B5D
≈ Absinthe Turquoise
- 6863D6
≈ Exodus Fruit
Bölünmüş tamamlayıcı +150° +210°
- C44700
Vinaceous Tawny
- 008783
≈ Green Lapis
- 0077D2
≈ Bright Navy Blue
Dörtlü +90° +180° +270°
- C44700
Vinaceous Tawny
- 538700
≈ Pesto Alla Genovese
- 0083A0
≈ Ahoy! Blue
- 9651BE
≈ Liberal Lilac
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.94:1 · APCA Lc 73
Ag
FailSiyah üzerinde
WCAG 4.24:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.94:1 (AA) · APCA Lc 73
Contrast pairs
Kod parçacıkları
CSS
:root {
--vinaceous-tawny: #c44700;
--vinaceous-tawny-rgb: 196 71 0;
--vinaceous-tawny-oklch: oklch(0.564 0.172 41.4);
}
.element {
color: var(--vinaceous-tawny);
background-color: hsl(22 100% 38%);
border-color: oklch(0.564 0.172 41.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-tawny: #c44700;
--color-vinaceous-tawny-50: #ffe6ce;
--color-vinaceous-tawny-100: #ffd6ba;
--color-vinaceous-tawny-200: #ffbc98;
--color-vinaceous-tawny-300: #ff986c;
--color-vinaceous-tawny-400: #f07645;
--color-vinaceous-tawny-500: #df5200;
--color-vinaceous-tawny-600: #bc460a;
--color-vinaceous-tawny-700: #97380a;
--color-vinaceous-tawny-800: #712709;
--color-vinaceous-tawny-900: #501a06;
--color-vinaceous-tawny-950: #350900;
}SCSS
$vinaceous-tawny: #c44700;
$vinaceous-tawny-rgb: 196, 71, 0;
$vinaceous-tawny-light: mix(#fff, $vinaceous-tawny, 20%);
$vinaceous-tawny-dark: mix(#000, $vinaceous-tawny, 20%);
.element {
color: $vinaceous-tawny;
box-shadow: 0 0 0 2px rgba($vinaceous-tawny, 0.35);
}