Adlandırılmış renk · #913228
Red Kite
Red Kite, #913228: rgb(145 50 40), hsl(6 57% 36%), oklch(0.454 0.13 29.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Red Kite color name →
#913228
oklch(0.454 0.13 29.1)
Renk dönüşümleri
- HEX
- #913228
- RGB
- rgb(145 50 40)
- HSL
- hsl(6 57% 36%)
- HWB
- hwb(6 16% 43%)
- OKLCH
- oklch(0.454 0.13 29.1)
- OKLab
- oklab(0.454 0.114 0.064)
- CIE Lab
- lab(35.43 40.35 28.75)
- LCH
- lch(35.43 49.55 35.5)
- CMYK
- cmyk(0% 66% 72% 43%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9E473D
- AA5C51
- B67065
- C2847A
- CD988F
- D7ACA5
- E2C0BB
- ECD5D1
- F6EAE8
Koyu tonlar
- 7D2A21
- 6A221B
- 581B15
- 46140F
- 350D09
- 250704
- 150302
- 070101
- 010000
Gri tonlar
- 913C32
- 90453B
- 8F4D44
- 8E554C
- 8D5C55
- 8B645E
- 896B66
- 86726F
- 837977
Renk uyumları
Tamamlayıcı +180°
- 913228
Red Kite
- 00626E
≈ Blue Lagoon
Analog -30° +30°
- 913228
Red Kite
- 8C3055
≈ Rosebud Cherry
- 814500
≈ Dried Mustard
Üçlü +120° +240°
- 913228
Red Kite
- 00692B
≈ Ireland Green
- 394F9E
≈ Dazzling Blue
Bölünmüş tamamlayıcı +150° +210°
- 913228
Red Kite
- 006557
≈ Dancing Dragonfly
- 005D89
≈ Blue Flame
Dörtlü +90° +180° +270°
- 913228
Red Kite
- 505E00
≈ Greensboro
- 00626E
≈ Blue Lagoon
- 624294
≈ Sweet Flag
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.80:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.69:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--red-kite: #913228;
--red-kite-rgb: 145 50 40;
--red-kite-oklch: oklch(0.454 0.13 29.1);
}
.element {
color: var(--red-kite);
background-color: hsl(6 57% 36%);
border-color: oklch(0.454 0.13 29.1);
}Tailwind CSS v4
@theme {
--color-red-kite: #913228;
--color-red-kite-50: #ffe8df;
--color-red-kite-100: #ffd9ce;
--color-red-kite-200: #ffc0b2;
--color-red-kite-300: #f39e8e;
--color-red-kite-400: #e17f71;
--color-red-kite-500: #ce5f51;
--color-red-kite-600: #ae5145;
--color-red-kite-700: #8c4137;
--color-red-kite-800: #682e29;
--color-red-kite-900: #491f1b;
--color-red-kite-950: #300e0c;
}SCSS
$red-kite: #913228;
$red-kite-rgb: 145, 50, 40;
$red-kite-light: mix(#fff, $red-kite, 20%);
$red-kite-dark: mix(#000, $red-kite, 20%);
.element {
color: $red-kite;
box-shadow: 0 0 0 2px rgba($red-kite, 0.35);
}