Benannte Farbe · #E5A68D
Priceless Coral
Priceless Coral ist #E5A68D: rgb(229 166 141), hsl(17 63% 73%), oklch(0.779 0.083 42.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Priceless Coral color name →
#E5A68D
oklch(0.779 0.083 42.6)
Farbumrechnungen
- HEX
- #e5a68d
- RGB
- rgb(229 166 141)
- HSL
- hsl(17 63% 73%)
- HWB
- hwb(17 55% 10%)
- OKLCH
- oklch(0.779 0.083 42.6)
- OKLab
- oklab(0.779 0.061 0.056)
- CIE Lab
- lab(73.79 21.66 22.65)
- LCH
- lch(73.79 31.34 46.3)
- CMYK
- cmyk(0% 28% 38% 10%)
Tints · Shades · Tones
Tints
- E8AF98
- EBB8A3
- EEC1AF
- F1C9BA
- F4D2C5
- F6DBD1
- F9E4DC
- FBEDE8
- FDF6F3
Shades
- C7907A
- AA7A67
- 8E6555
- 725144
- 583E33
- 3F2B23
- 281A14
- 120A07
- 030101
Tones
- DBA28C
- D19F8B
- C69B8A
- BC9788
- B29387
- A89086
- 9E8C84
- 948883
- 8A8482
Farbharmonien
Komplementär +180°
- E5A68D
Priceless Coral
- 79C3DD
≈ Ocean Horizon
Analog -30° +30°
- E5A68D
Priceless Coral
- E7A1A8
≈ Berry Riche
- D8AF7B
≈ Bonfire Toffee
Triadisch +120° +240°
- E5A68D
Priceless Coral
- 85C8A7
≈ Aqua Eden
- AFB1EB
≈ Maximum Blue Purple
Geteilt komplementär +150° +210°
- E5A68D
Priceless Coral
- 73C8C5
≈ Cyantific
- 91BBEB
≈ Blue Shutters
Tetradisch +90° +180° +270°
- E5A68D
Priceless Coral
- A3C38C
≈ Cos
- 79C3DD
≈ Ocean Horizon
- C9A8DD
≈ Tropical Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.06:1 · APCA Lc 40
Ag
AAAAuf Schwarz
WCAG 10.17:1 · APCA Lc 62
Beste Textfarbe: #000000
WCAG 10.17:1 (AAA) · APCA Lc 62
Contrast pairs
Code-Snippets
CSS
:root {
--priceless-coral: #e5a68d;
--priceless-coral-rgb: 229 166 141;
--priceless-coral-oklch: oklch(0.779 0.083 42.6);
}
.element {
color: var(--priceless-coral);
background-color: hsl(17 63% 73%);
border-color: oklch(0.779 0.083 42.6);
}Tailwind CSS v4
@theme {
--color-priceless-coral: #e5a68d;
--color-priceless-coral-50: #ffeee2;
--color-priceless-coral-100: #ffe0d2;
--color-priceless-coral-200: #f4cab8;
--color-priceless-coral-300: #dcab95;
--color-priceless-coral-400: #c98f77;
--color-priceless-coral-500: #b57359;
--color-priceless-coral-600: #99624c;
--color-priceless-coral-700: #7a4e3d;
--color-priceless-coral-800: #5b382c;
--color-priceless-coral-900: #40271e;
--color-priceless-coral-950: #28150e;
}SCSS
$priceless-coral: #e5a68d;
$priceless-coral-rgb: 229, 166, 141;
$priceless-coral-light: mix(#fff, $priceless-coral, 20%);
$priceless-coral-dark: mix(#000, $priceless-coral, 20%);
.element {
color: $priceless-coral;
box-shadow: 0 0 0 2px rgba($priceless-coral, 0.35);
}