Benannte Farbe · #EAC185
Piedra de Sol
Piedra de Sol ist #EAC185: rgb(234 193 133), hsl(36 71% 72%), oklch(0.833 0.09 76.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Piedra de Sol color name →
#EAC185
oklch(0.833 0.09 76.5)
Farbumrechnungen
- HEX
- #eac185
- RGB
- rgb(234 193 133)
- HSL
- hsl(36 71% 72%)
- HWB
- hwb(36 52% 8%)
- OKLCH
- oklch(0.833 0.09 76.5)
- OKLab
- oklab(0.833 0.021 0.088)
- CIE Lab
- lab(80.72 9.44 35.97)
- LCH
- lch(80.72 37.19 75.3)
- CMYK
- cmyk(0% 18% 43% 8%)
Tints · Shades · Tones
Tints
- ECC792
- EFCE9E
- F1D4AB
- F3DAB7
- F5E0C3
- F7E6CF
- F9EDDB
- FBF3E7
- FDF9F3
Shades
- CBA773
- AE8F61
- 917750
- 755F40
- 5A4930
- 413421
- 292013
- 130E06
- 030201
Tones
- DFBA85
- D4B485
- C9AD85
- BFA785
- B4A085
- A99A84
- 9F9383
- 958D82
- 8A8681
Farbharmonien
Komplementär +180°
- EAC185
Piedra de Sol
- A5CBFF
≈ Night Snow
Analog -30° +30°
- EAC185
Piedra de Sol
- FAB796
≈ Melon Sorbet
- CFCD87
≈ Yellow Endive
Triadisch +120° +240°
- EAC185
Piedra de Sol
- 7CDBDC
≈ Deep Aquamarine
- E0B7F0
≈ Pink Illusion
Geteilt komplementär +150° +210°
- EAC185
Piedra de Sol
- 86D5F6
≈ Kul Sharif Blue
- C3C0FF
≈ Lavender Tonic
Tetradisch +90° +180° +270°
- EAC185
Piedra de Sol
- 8DDCBC
≈ Āsmānī Sky
- A5CBFF
≈ Night Snow
- F4B1D4
≈ Changeling Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.46:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.46:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--piedra-de-sol: #eac185;
--piedra-de-sol-rgb: 234 193 133;
--piedra-de-sol-oklch: oklch(0.833 0.09 76.5);
}
.element {
color: var(--piedra-de-sol);
background-color: hsl(36 71% 72%);
border-color: oklch(0.833 0.09 76.5);
}Tailwind CSS v4
@theme {
--color-piedra-de-sol: #eac185;
--color-piedra-de-sol-50: #fff3d9;
--color-piedra-de-sol-100: #f9e5c7;
--color-piedra-de-sol-200: #ead0a9;
--color-piedra-de-sol-300: #d1b283;
--color-piedra-de-sol-400: #bd9760;
--color-piedra-de-sol-500: #a87e3b;
--color-piedra-de-sol-600: #8e6a33;
--color-piedra-de-sol-700: #725528;
--color-piedra-de-sol-800: #553d1c;
--color-piedra-de-sol-900: #3b2a12;
--color-piedra-de-sol-950: #251805;
}SCSS
$piedra-de-sol: #eac185;
$piedra-de-sol-rgb: 234, 193, 133;
$piedra-de-sol-light: mix(#fff, $piedra-de-sol, 20%);
$piedra-de-sol-dark: mix(#000, $piedra-de-sol, 20%);
.element {
color: $piedra-de-sol;
box-shadow: 0 0 0 2px rgba($piedra-de-sol, 0.35);
}