Nazwany kolor · #E19640
Angel Shark
Angel Shark to #E19640: rgb(225 150 64), hsl(32 73% 57%), oklch(0.733 0.134 66.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Angel Shark color name →
#E19640
oklch(0.733 0.134 66.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5A157
- E8AC6C
- ECB680
- EFC192
- F2CBA5
- F5D6B7
- F8E0C9
- FAEADB
- FDF5ED
Odcienie ciemniejsze
- C48236
- A76E2D
- 8B5B24
- 70491B
- 563713
- 3E260B
- 271605
- 120801
- 020100
Tony
- D7944A
- CE9253
- C4915B
- BA8E62
- B18C68
- A78A6D
- 9D8873
- 948577
- 8A837C
Harmonie kolorów
Komplementarna +180°
- E19640
Angel Shark
- 59B0F8
≈ Tiān Lán Sky
Analogowa -30° +30°
- E19640
Angel Shark
- F0886B
≈ Juicy Passionfruit
- C2A832
≈ Hey Pesto
Triada +120° +240°
- E19640
Angel Shark
- 00C2B5
≈ Amazonite
- BE91EB
≈ Luminous Lavender
Komplementarna rozszczepiona +150° +210°
- E19640
Angel Shark
- 00BCDD
≈ Maldives
- 93A0FC
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- E19640
Angel Shark
- 55C285
≈ Enamelled Dragon
- 59B0F8
≈ Tiān Lán Sky
- DD86C8
≈ Pink Punk
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.43:1 · APCA Lc 48
Ag
AAANa czerni
WCAG 8.63:1 · APCA Lc 54
Najlepszy kolor tekstu: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Fragmenty kodu
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);
}