Nazwany kolor · #903F45
Apple-a-Day
Apple-a-Day to #903F45: rgb(144 63 69), hsl(356 39% 41%), oklch(0.476 0.11 17.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Apple-a-Day color name →
#903F45
oklch(0.476 0.11 17.7)
Konwersje koloru
- HEX
- #903f45
- RGB
- rgb(144 63 69)
- HSL
- hsl(356 39% 41%)
- HWB
- hwb(356 25% 44%)
- OKLCH
- oklch(0.476 0.11 17.7)
- OKLab
- oklab(0.476 0.105 0.033)
- CIE Lab
- lab(38.07 35.39 14.05)
- LCH
- lch(38.07 38.08 21.6)
- CMYK
- cmyk(0% 56% 52% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9C5256
- A86567
- B47779
- C08A8B
- CB9D9D
- D6B0B0
- E0C3C3
- EBD7D7
- F5EBEB
Odcienie ciemniejsze
- 7D353B
- 6A2C31
- 572327
- 451B1E
- 341215
- 240A0C
- 150405
- 070102
- 010000
Tony
- 90464B
- 8F4E51
- 8E5456
- 8D5B5C
- 8B6162
- 8A6868
- 886E6E
- 867474
- 837A7A
Harmonie kolorów
Komplementarna +180°
- 903F45
Apple-a-Day
- 006A6D
≈ Aqua Obscura
Analogowa -30° +30°
- 903F45
Apple-a-Day
- 884068
≈ Bonbon Red
- 8D461D
≈ Korichnewyi Brown
Triada +120° +240°
- 903F45
Apple-a-Day
- 3B6A28
≈ Radical Green
- 325C99
≈ Neptune Blue
Komplementarna rozszczepiona +150° +210°
- 903F45
Apple-a-Day
- 006D52
≈ Starboard
- 006685
≈ Journey Into Night
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.04:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 2.98:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--apple-a-day: #903f45;
--apple-a-day-rgb: 144 63 69;
--apple-a-day-oklch: oklch(0.476 0.11 17.7);
}
.element {
color: var(--apple-a-day);
background-color: hsl(356 39% 41%);
border-color: oklch(0.476 0.11 17.7);
}Tailwind CSS v4
@theme {
--color-apple-a-day: #903f45;
--color-apple-a-day-50: #ffe9e8;
--color-apple-a-day-100: #ffdad9;
--color-apple-a-day-200: #ffc2c1;
--color-apple-a-day-300: #eaa1a0;
--color-apple-a-day-400: #d78386;
--color-apple-a-day-500: #c4656b;
--color-apple-a-day-600: #a6565b;
--color-apple-a-day-700: #854548;
--color-apple-a-day-800: #633135;
--color-apple-a-day-900: #452124;
--color-apple-a-day-950: #2d1013;
}SCSS
$apple-a-day: #903f45;
$apple-a-day-rgb: 144, 63, 69;
$apple-a-day-light: mix(#fff, $apple-a-day, 20%);
$apple-a-day-dark: mix(#000, $apple-a-day, 20%);
.element {
color: $apple-a-day;
box-shadow: 0 0 0 2px rgba($apple-a-day, 0.35);
}