CSS named colour
Indian Red
#cd5c5c
A CSS named colour: indianred is valid anywhere a colour is expected.
- RGB
- rgb(205 92 92)
- HSL
- 0°, 53%, 58%
- OKLCh
- 61.5% 0.144 22.2
Indian Red in every format
Web & CSSThe everyday formats for stylesheets and design tools.
| Hex | #cd5c5c | |
|---|---|---|
| RGB | rgb(205 92 92) | |
| RGB legacy | rgb(205, 92, 92) | |
| RGB percent | rgb(80.39% 36.08% 36.08%) | |
| HSL | hsl(0 53.1% 58.2%) | |
| HSL legacy | hsl(0, 53.1%, 58.2%) | |
| HSV / HSB | hsv(0, 55.1%, 80.4%) | |
| HWB | hwb(0 36.1% 19.6%) | |
| Nearest name | indianred | |
| CMYK | cmyk(0%, 55.1%, 55.1%, 19.6%)Naive conversion. Real print work needs an ICC profile. |
Perceptual & wide gamutModern CSS colour spaces for uniform scales and P3 displays.
| OKLCh | oklch(61.544% 0.14415 22.228)Modern CSS colour space for even palettes — better than HSL when building scales. | |
|---|---|---|
| OKLab | oklab(61.544% 0.13344 0.05453) | |
| CIE LCh | lch(53.925% 51.278 26.845) | |
| CIE Lab | lab(53.925% 45.752 23.156) | |
| Display P3 | color(display-p3 0.7491 0.3867 0.3744) | |
| Rec. 2020 | color(rec2020 0.647 0.3571 0.3165) | |
| srgb-linear | color(srgb-linear 0.6105 0.107 0.107)Light-linear sRGB — the same numbers a shader wants for maths. | |
| CIE XYZ (D65) | color(xyz-d65 0.3093 0.2141 0.1263) |
ShadersGLSL, HLSL and WGSL vectors in both encoded and linear form.
| GLSL vec3 — sRGB | vec3(0.804, 0.361, 0.361)Encoded values. Use when writing straight to the framebuffer. | |
|---|---|---|
| GLSL vec3 — linear | vec3(0.61, 0.107, 0.107)Light-linear values. Use for lighting, blending and mixing. | |
| GLSL vec4 — sRGB | vec4(0.804, 0.361, 0.361, 1.0) | |
| GLSL vec4 — linear | vec4(0.61, 0.107, 0.107, 1.0) | |
| GLSL ivec3 | ivec3(205, 92, 92) | |
| HLSL float3 — sRGB | float3(0.804, 0.361, 0.361) | |
| HLSL float3 — linear | float3(0.61, 0.107, 0.107) | |
| HLSL float4 — sRGB | float4(0.804, 0.361, 0.361, 1.0) | |
| HLSL half4 — sRGB | half4(0.804, 0.361, 0.361, 1.0) | |
| WGSL vec3f — sRGB | vec3f(0.804, 0.361, 0.361) | |
| WGSL vec4f — sRGB | vec4f(0.804, 0.361, 0.361, 1.0) | |
| WGSL vec3<f32> — linear | vec3<f32>(0.61, 0.107, 0.107) |
Engines & appsConstructors for Unity, Unreal, Godot, Flutter, SwiftUI and Android.
| Unity Color | new Color(0.804f, 0.361f, 0.361f, 1.0f)Color for everyday scripting (0–1). Color32 when you need whole numbers from 0 to 255. | |
|---|---|---|
| Unity Color32 | new Color32(205, 92, 92, 255) | |
| Unreal FLinearColor | FLinearColor(0.6105f, 0.107f, 0.107f, 1.0f)FLinearColor for materials and lighting. FColor when you need whole numbers from 0 to 255. | |
| Unreal FColor | FColor(205, 92, 92, 255)Whole numbers from 0 to 255 — use when an API asks for FColor, not FLinearColor. | |
| Godot Color | Color(0.804, 0.361, 0.361, 1) | |
| Flutter Color | Color(0xFFCD5C5C)Packed ARGB, so alpha comes first. | |
| Android Color | Color.rgb(205, 92, 92) | |
| SwiftUI Color | Color(red: 0.804, green: 0.361, blue: 0.361) | |
| UIKit UIColor | UIColor(red: 0.804, green: 0.361, blue: 0.361, alpha: 1) |
Raw valuesPacked integers and plain arrays.
| 0x hex | 0xCD5C5C | |
|---|---|---|
| 0x hex (ARGB) | 0xFFCD5C5C | |
| Array 0–1 | [0.804, 0.361, 0.361] | |
| Array 0–255 | [205, 92, 92] | |
| Decimal integer | 13458524 |
Contrast and accessibility
WCAG 2 ratios are what audits and legislation reference. APCA is shown alongside because WCAG 2 is known to misjudge mid-tone backgrounds, and it is the basis of the WCAG 3 draft.
| Pairing | WCAG 2 ratio | Level | APCA | Suitable for |
|---|---|---|---|---|
| Indian Red on white | 3.98:1 | AA Large | Lc 67 | Headings and large text |
| Indian Red on black | 5.28:1 | AA | Lc 35 | Non-text elements only |
Indian Red text on a white background
Indian Red text on a black background
White text on Indian Red
Black text on Indian Red
Tonal scale
Hue held fixed while lightness walks OKLCh, ready to use as a design system ramp.
- 50#ffefed
- 100#ffe1df
- 200#ffc9c5
- 300#ffa5a2
- 400#f48381
- 500#d46362
- 600#b54a4b
- 700#973437
- 800#7d2327
- 900#67151b
- 950#420008
Tints and shades
Mixed perceptually toward white and black, so the steps feel evenly spaced.
- Tint 1#d87876
- Tint 2#e29490
- Tint 3#ebaeab
- Tint 4#f3c9c7
- Tint 5#fae4e3
- Shade 1#a04646
- Shade 2#763232
- Shade 3#4e1f1f
- Shade 4#290d0d
- Shade 5#090202
Colours that work with Indian Red
Complementary, triadic and analogous partners, rotated in OKLCh so they keep the same apparent brightness.
- #009aa5
- #4b9a45
- #5482db
- #c45c8d
- #c66720
Closest CSS names
indianredexact matchchocolateΔEok 0.076palevioletredΔEok 0.082crimsonΔEok 0.090tomatoΔEok 0.100orangeredΔEok 0.105