이름 색상 · #E19640
Angel Shark
Angel Shark은(는) #E19640: rgb(225 150 64), hsl(32 73% 57%), oklch(0.733 0.134 66.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Angel Shark color name →
#E19640
oklch(0.733 0.134 66.3)
색상 변환
- HEX
- #e19640
- RGB
- rgb(225 150 64)
- HSL
- hsl(32 73% 57%)
- HWB
- hwb(32 25% 12%)
- OKLCH
- oklch(0.733 0.134 66.3)
- OKLab
- oklab(0.733 0.054 0.123)
- CIE Lab
- lab(68.7 23.64 55.43)
- LCH
- lch(68.7 60.26 66.9)
- CMYK
- cmyk(0% 33% 72% 12%)
틴트 · 셰이드 · 톤
틴트
- E5A157
- E8AC6C
- ECB680
- EFC192
- F2CBA5
- F5D6B7
- F8E0C9
- FAEADB
- FDF5ED
셰이드
- C48236
- A76E2D
- 8B5B24
- 70491B
- 563713
- 3E260B
- 271605
- 120801
- 020100
톤
- D7944A
- CE9253
- C4915B
- BA8E62
- B18C68
- A78A6D
- 9D8873
- 948577
- 8A837C
색 조화
보색 +180°
- E19640
Angel Shark
- 59B0F8
≈ Tiān Lán Sky
유사색 -30° +30°
- E19640
Angel Shark
- F0886B
≈ Juicy Passionfruit
- C2A832
≈ Hey Pesto
삼각 배색 +120° +240°
- E19640
Angel Shark
- 00C2B5
≈ Amazonite
- BE91EB
≈ Luminous Lavender
분열 보색 +150° +210°
- E19640
Angel Shark
- 00BCDD
≈ Maldives
- 93A0FC
≈ Periwinkle Blue
사각 배색 +90° +180° +270°
- E19640
Angel Shark
- 55C285
≈ Enamelled Dragon
- 59B0F8
≈ Tiān Lán Sky
- DD86C8
≈ Pink Punk
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.43:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.63:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--angel-shark: #e19640;
--angel-shark-rgb: 225 150 64;
--angel-shark-oklch: oklch(0.733 0.134 66.3);
}
.element {
color: var(--angel-shark);
background-color: hsl(32 73% 57%);
border-color: oklch(0.733 0.134 66.3);
}Tailwind CSS v4
@theme {
--color-angel-shark: #e19640;
--color-angel-shark-50: #ffefcd;
--color-angel-shark-100: #ffe0b8;
--color-angel-shark-200: #fbca96;
--color-angel-shark-300: #e5aa69;
--color-angel-shark-400: #d38d3c;
--color-angel-shark-500: #c07000;
--color-angel-shark-600: #a25f00;
--color-angel-shark-700: #824c00;
--color-angel-shark-800: #623600;
--color-angel-shark-900: #442500;
--color-angel-shark-950: #2c1300;
}SCSS
$angel-shark: #e19640;
$angel-shark-rgb: 225, 150, 64;
$angel-shark-light: mix(#fff, $angel-shark, 20%);
$angel-shark-dark: mix(#000, $angel-shark, 20%);
.element {
color: $angel-shark;
box-shadow: 0 0 0 2px rgba($angel-shark, 0.35);
}