色名 · #913228
Red Kite
Red Kiteは#913228：rgb(145 50 40)、hsl(6 57% 36%)、oklch(0.454 0.13 29.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Red mean? → · Red Kite color name →
#913228
oklch(0.454 0.13 29.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 9E473D
- AA5C51
- B67065
- C2847A
- CD988F
- D7ACA5
- E2C0BB
- ECD5D1
- F6EAE8
シェード
- 7D2A21
- 6A221B
- 581B15
- 46140F
- 350D09
- 250704
- 150302
- 070101
- 010000
トーン
- 913C32
- 90453B
- 8F4D44
- 8E554C
- 8D5C55
- 8B645E
- 896B66
- 86726F
- 837977
カラーハーモニー
補色 +180°
- 913228
Red Kite
- 00626E
≈ Blue Lagoon
類似色 -30° +30°
- 913228
Red Kite
- 8C3055
≈ Rosebud Cherry
- 814500
≈ Dried Mustard
トライアド +120° +240°
- 913228
Red Kite
- 00692B
≈ Ireland Green
- 394F9E
≈ Dazzling Blue
スプリットコンプリメンタリー +150° +210°
- 913228
Red Kite
- 006557
≈ Dancing Dragonfly
- 005D89
≈ Blue Flame
テトラード +90° +180° +270°
- 913228
Red Kite
- 505E00
≈ Greensboro
- 00626E
≈ Blue Lagoon
- 624294
≈ Sweet Flag
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.80:1 · APCA Lc 86
Ag
Fail黒の上
WCAG 2.69:1 · APCA Lc 16
最適な文字色: #FFFFFF
WCAG 7.80:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}