이름 색상 · #FFA565
Echinoderm
Echinoderm은(는) #FFA565: rgb(255 165 101), hsl(25 100% 70%), oklch(0.799 0.133 54.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Echinoderm color name →
#FFA565
oklch(0.799 0.133 54.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FFAE76
- FFB886
- FFC196
- FFCAA5
- FFD3B4
- FFDCC3
- FFE5D2
- FFEEE1
- FFF6F0
셰이드
- DE8F57
- BE7949
- 9E653C
- 80512F
- 633D22
- 482B17
- 2E1A0C
- 160A03
- 030100
톤
- F2A269
- E59E6D
- D99B71
- CC9774
- BF9477
- B39079
- A68C7B
- 9A887D
- 8D847F
색 조화
보색 +180°
- FFA565
Echinoderm
- 68CAFF
≈ Skyan
유사색 -30° +30°
- FFA565
Echinoderm
- FFA098
≈ Peach Amber
- E5B64C
≈ Honey Glow
삼각 배색 +120° +240°
- FFA565
Echinoderm
- 43D9B8
≈ Celestial Green
- C2AFFF
≈ Purple Hepatica
분열 보색 +150° +210°
- FFA565
Echinoderm
- 1BD5E6
≈ Thousand Sons Blue
- 9EBDFF
≈ Pastel Blue
사각 배색 +90° +180° +270°
- FFA565
Echinoderm
- 84D487
≈ Electric Lettuce
- 68CAFF
≈ Skyan
- E99FED
≈ VIC 20 Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.94:1 · APCA Lc 37
Ag
AAA검은색 위
WCAG 10.82:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.82:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
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);
}