Named color · #FFA565
Echinoderm
Echinoderm is #FFA565: rgb(255 165 101), hsl(25 100% 70%), oklch(0.799 0.133 54.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Echinoderm color name →
#FFA565
oklch(0.799 0.133 54.9)
Color conversions
- HEX
- #ffa565
- RGB
- rgb(255 165 101)
- HSL
- hsl(25 100% 70%)
- HWB
- hwb(25 40% 0%)
- OKLCH
- oklch(0.799 0.133 54.9)
- OKLab
- oklab(0.799 0.077 0.109)
- CIE Lab
- lab(76.08 29.88 47.15)
- LCH
- lch(76.08 55.82 57.6)
- CMYK
- cmyk(0% 35% 60% 0%)
Tints · Shades · Tones
Tints
- FFAE76
- FFB886
- FFC196
- FFCAA5
- FFD3B4
- FFDCC3
- FFE5D2
- FFEEE1
- FFF6F0
Shades
- DE8F57
- BE7949
- 9E653C
- 80512F
- 633D22
- 482B17
- 2E1A0C
- 160A03
- 030100
Tones
- F2A269
- E59E6D
- D99B71
- CC9774
- BF9477
- B39079
- A68C7B
- 9A887D
- 8D847F
Color harmonies
Complementary +180°
- FFA565
Echinoderm
- 68CAFF
≈ Skyan
Analogous -30° +30°
- FFA565
Echinoderm
- FFA098
≈ Peach Amber
- E5B64C
≈ Honey Glow
Triadic +120° +240°
- FFA565
Echinoderm
- 43D9B8
≈ Celestial Green
- C2AFFF
≈ Purple Hepatica
Split-complementary +150° +210°
- FFA565
Echinoderm
- 1BD5E6
≈ Thousand Sons Blue
- 9EBDFF
≈ Pastel Blue
Tetradic +90° +180° +270°
- FFA565
Echinoderm
- 84D487
≈ Electric Lettuce
- 68CAFF
≈ Skyan
- E99FED
≈ VIC 20 Pink
Contrast & accessibility
Ag
FailOn white
WCAG 1.94:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.82:1 · APCA Lc 65
Best text color: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
Code snippets
CSS
:root {
--echinoderm: #ffa565;
--echinoderm-rgb: 255 165 101;
--echinoderm-oklch: oklch(0.799 0.133 54.9);
}
.element {
color: var(--echinoderm);
background-color: hsl(25 100% 70%);
border-color: oklch(0.799 0.133 54.9);
}Tailwind CSS v4
@theme {
--color-echinoderm: #ffa565;
--color-echinoderm-50: #ffecd1;
--color-echinoderm-100: #ffddbd;
--color-echinoderm-200: #ffc69c;
--color-echinoderm-300: #eba672;
--color-echinoderm-400: #da874b;
--color-echinoderm-500: #c76a15;
--color-echinoderm-600: #a85a16;
--color-echinoderm-700: #874812;
--color-echinoderm-800: #65330d;
--color-echinoderm-900: #472308;
--color-echinoderm-950: #2e1100;
}SCSS
$echinoderm: #ffa565;
$echinoderm-rgb: 255, 165, 101;
$echinoderm-light: mix(#fff, $echinoderm, 20%);
$echinoderm-dark: mix(#000, $echinoderm, 20%);
.element {
color: $echinoderm;
box-shadow: 0 0 0 2px rgba($echinoderm, 0.35);
}