En yakın adlandırılmış renk · #C5913C
#C5913C
En yakın adlandırılmış renk: Pizza
#C5913C (rgb(197 145 60), hsl(37 54% 50%), oklch(0.691 0.118 76.6)) en çok Pizza 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.
#C5913C
oklch(0.691 0.118 76.6)
Renk dönüşümleri
- HEX
- #c5913c
- RGB
- rgb(197 145 60)
- HSL
- hsl(37 54% 50%)
- HWB
- hwb(37 24% 23%)
- OKLCH
- oklch(0.691 0.118 76.6)
- OKLab
- oklab(0.691 0.027 0.115)
- CIE Lab
- lab(64.16 14.19 51.37)
- LCH
- lch(64.16 53.29 74.6)
- CMYK
- cmyk(0% 26% 70% 23%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CB9C53
- D1A768
- D7B27C
- DDBD8F
- E3C8A2
- E9D3B4
- EEDEC7
- F4E9DA
- F9F4EC
Koyu tonlar
- AB7D33
- 926A2A
- 795821
- 614619
- 4B3511
- 35250A
- 211504
- 0E0701
- 020100
Gri tonlar
- BE9047
- B78E4F
- B08D57
- AA8B5E
- A38965
- 9C886B
- 958671
- 8E8476
- 87827B
Renk uyumları
Tamamlayıcı +180°
- C5913C
Pizza
- 6A9EE4
≈ Feather Star
Analog -30° +30°
- C5913C
Pizza
- D78359
≈ Show Business
- A5A03F
≈ Machine Green
Üçlü +120° +240°
- C5913C
Pizza
- 00B2B4
≈ Laguna Green
- B984CD
≈ Lavender Sweater
Bölünmüş tamamlayıcı +150° +210°
- C5913C
Pizza
- 33AAD4
≈ Bright Cerulean
- 9690E1
≈ Perrywinkle
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.80:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.48:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--pizza: #c5913c;
--pizza-rgb: 197 145 60;
--pizza-oklch: oklch(0.691 0.118 76.6);
}
.element {
color: var(--pizza);
background-color: hsl(37 54% 50%);
border-color: oklch(0.691 0.118 76.6);
}Tailwind CSS v4
@theme {
--color-pizza: #c5913c;
--color-pizza-50: #fff2d0;
--color-pizza-100: #fee4bc;
--color-pizza-200: #f0cf9b;
--color-pizza-300: #d8b070;
--color-pizza-400: #c69446;
--color-pizza-500: #b27a00;
--color-pizza-600: #966709;
--color-pizza-700: #785209;
--color-pizza-800: #5a3b05;
--color-pizza-900: #3f2904;
--color-pizza-950: #281600;
}SCSS
$pizza: #c5913c;
$pizza-rgb: 197, 145, 60;
$pizza-light: mix(#fff, $pizza, 20%);
$pizza-dark: mix(#000, $pizza, 20%);
.element {
color: $pizza;
box-shadow: 0 0 0 2px rgba($pizza, 0.35);
}